nothing-design-skill
A Claude Code skill for generating UI in the Nothing design language. Monochrome, typographic, industrial.
Install with your AI
Paste into Claude Code, Cursor, or any agent — it reads the repo and wires the tool into your project.
Install and set up nothing-design-skill (git-clone project) into my current project. Found on https://claudeers.com/nothing-design-skill Repo: https://github.com/dominikmartn/nothing-design-skill Homepage/docs: — Detected install method: git-clone → git clone https://github.com/dominikmartn/nothing-design-skill Category: other. Platforms: web. Read the repo's README for exact setup and env vars, then install it and wire it into my project. Claudeers Health Verdict: unknown; community-verified: false. Confirm the source before running anything.
git clone https://github.com/dominikmartn/nothing-design-skill
// compatibility
| Platforms | web |
|---|---|
| Operating systems | — |
| AI compatibility | claude |
| License | MIT |
| Pricing | open-source |
| Language | — |
Nothing Design Skill
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, 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 |
License
MIT
// faq
What is nothing-design-skill?
A Claude Code skill for generating UI in the Nothing design language. Monochrome, typographic, industrial.. It is open-source on GitHub.
Is nothing-design-skill free to use?
nothing-design-skill is open-source under the MIT license, so it is free to use.
What category does nothing-design-skill belong to?
nothing-design-skill is listed under other in the Claudeers registry of Claude-compatible tools.
// embed badge
[](https://claudeers.com/nothing-design-skill)
// retro hit counter
[](https://claudeers.com/nothing-design-skill)
// reviews
// guestbook
// related in Other
🔓
🔓Anti-AI-slop design skill for Claude Code, Cursor, and Codex.
🔓Open source Ghostty-based macOS terminal with vertical tabs and notifications for AI coding agents. Built for multitasking, organization, and programmability.
🔓Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 20 设计哲学 + 5 维评审 + MP4 导出 · Agent-agnostic