dominikmartn/nothing-design-skill: A Claude Code skill for generating UI in the Nothing design language. Monochrome, typographic, industrial. ·

A Claude Code skill for generating UI in the Nothing design language. Monochrome, typographic, industrial.

A design system skill for Claude 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,…

saved by

• Ruozhen Gong

related reading

• GitHub - VoltAgent/awesome-design-md: A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.github.com
• GitHub - Owl-Listener/designer-skills: Designer Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, interaction, and delivery.github.com
• Impeccable: The missing upgrade to Anthropic's impeccable skillimpeccable.style
• GitHub - jakubkrehel/skills: A collection of agent skills that help you build great interfaces.github.com
• Best practices for Claude Code - Claude Code Docsanthropic.com
• GitHub - google-labs-code/design.md: A format specification for describing a visual identity to coding agents. DESIGN.md gives agents a persistent, structured understanding of a design system.github.com
• DESIGN.md Generator — Design System for AI Agents | design.devdesign.dev
• Crafting the Next.js Websiterauno.me
• DesEngs: Resources for Design Engineersdesengs.com
• DESIGN.md Examples for AI Agents | Refero Stylesstyles.refero.design
• Geist Fontvercel.com
• UI Skills for Design Engineers | UI Skillsui-skills.com