这是Claude Code的设计系统技能，灵感来自Nothing的视觉语言。单色、排版、工业风格。

我不断向克劳德描述同样的设计规则——瑞士字体、OLED黑色、分段进度条、点阵图案。于是我把它打包成了可重复使用的技能。

你得到了什么

告诉Claude /nothing-design或说“Nothing style”，它就会按照以下原则生成UI：

• 三层视觉层级（显示、正文、元数据——仅此而已）
• Space Grotesk + Space Mono + Doto 字体栈
• 完整的暗模式和亮模式令牌系统
• 分段进度条、机械切换、仪器式控件
• 输出为 HTML/CSS、SwiftUI 或 React/Tailwind

安装

将nothing-design文件夹复制到你的Claude Code技能目录中：

就这样。下次你开始玩克劳德代码时，这个技能是可以解锁的。

里面是什么

许可证

麻省理工学院

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

License

MIT