Packaging Nothing’s monochrome aesthetic into a Claude Code skill

What it does

This repo is a prompt taxonomy and rulebook for Claude Code, not a traditional component library. It encodes the Nothing phone aesthetic—Swiss typography, OLED blacks, dot-matrix motifs, mechanical toggles—into a reusable skill invoked with /nothing-design. Claude then generates UI in that style across HTML/CSS, SwiftUI, or React/Tailwind. Inside you will find a SKILL.md philosophy doc, token references, component definitions, and platform-specific output mappings.

The interesting bit

The author essentially turned repetitive prompt engineering into a structured design system for an LLM. It enforces a strict three-layer typographic hierarchy—display, body, metadata—and locks in a font stack of Space Grotesk, Space Mono, and Doto so the machine stops guessing.

Key highlights

• Triggered via /nothing-design or the phrase “Nothing style” inside Claude Code
• Generates code for three platforms: HTML/CSS, SwiftUI, and React/Tailwind
• Includes full dark and light mode token system
• Ships with segmented progress bars, instrument-style widgets, and mechanical toggles
• MIT licensed and structured as standard Claude Code skill files (SKILL.md, references/)

Caveats

• Requires Claude Code; this is not a standalone UI kit or installable package
• The README is vague on Claude version compatibility and how design tokens stay synchronized across generated outputs

Verdict

Worth a look if you live in Claude Code and want consistent, opinionated industrial UI without rewriting the same prompt every session. If you need a traditional npm or Swift Package, this is not it.