dominikmartn

Nothing Design Skill — Design skill for Claude Code

Design community intermediate

A Claude Code skill for generating UI in the Nothing design language.

How to install Nothing Design Skill

This entry records only its repository, not the path inside it, so there is no exact command to give. Open dominikmartn/nothing-design-skill and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Nothing Design Skill does

A design system skill for [Claude Code](https://claude.ai/code) inspired by Nothing's visual language. Monochrome, typographic, industrial.

Alternatives in Design

Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
Od Contribute — Open a first-contribution PR (or bug issue) on nexu-io/open-design — works for non-coders too 91.8k ★
Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★

README

Nothing Design Skill

A design system skill for [Claude Code](https://claude.ai/code) inspired by Nothing's visual language. Monochrome, typographic, industrial.

I kept describing the same design rules to Claude over and over — Swiss typography, OLED blacks, segmented progress bars, dot-matrix motifs. So I packaged it into a reusable skill.

What you get

Tell Claude `/nothing-design` or say "Nothing style" and it generates UI following these principles:

Three-layer visual hierarchy (display, body, metadata — that's it)
Space Grotesk + Space Mono + Doto font stack
Full dark and light mode token system
Segmented progress bars, mechanical toggles, instrument-style widgets
Output as HTML/CSS, SwiftUI, or React/Tailwind

Install

Copy the `nothing-design` folder into your Claude Code skills directory:

git clone https://github.com/dominikmartn/nothing-design-skill.git
cp -r nothing-design-skill/nothing-design ~/.claude/skills/

That's it. Next time you start Claude Code, the skill is available.

What's inside

File
`SKILL.md`	Design philosophy, craft rules, workflow
`references/tokens.md`	Colors, fonts, spacing, motion tokens
`references/components.md`	Buttons, cards, lists, tables, overlays
`references/platform-mapping.md`	CSS, SwiftUI, React output mappings