这个 Claude Skill 让 AI 生成「Nothing 风格」界面：单色、字体化、工业感，2738 Stars

说真的，Nothing 的设计语言是我见过最”反消费主义”的科技美学。

单色 OLED 黑、白字、没有多余装饰——你看惯了 Instagram 风的渐变卡片，再用 Nothing 的界面，会有一种”手机界面终于清醒了”的爽感。

现在，有人把这个设计语言做成了 Claude Code 的 Skill——nothing-design-skill，开源即爆火，GitHub 已斩获 2738 Stars。

这个 Skill 到底做什么

简单说：让 Claude 按 Nothing 的设计规范生成 UI。

你只需要在 Claude Code 里说 /nothing-design 或者「Nothing style」，它就会输出遵循 Nothing 设计哲学的界面——不是简单的深色模式，而是一整套设计系统：

• 三层视觉层次：display / body / metadata，干净利落
• 字体栈：Space Grotesk + Space Mono + Doto，工业感拉满
• 完整主题令牌：支持深色/浅色模式，色彩体系严谨
• 机械风组件：分段进度条、仪表盘控件、点阵元素
• 多框架输出：HTML/CSS、SwiftUI、React/Tailwind 都能生成

实测体验

我试着让它生成一个设置页面，Claude 输出的 HTML 让我愣了一下——字体选择、分段进度条、metadata 层级的排布，真的有 Nothing Phone 的味道了。

更离谱的是组件库：机械风 toggle、分段滑块、仪表盘 widget——这些在普通 UI 库里很少见，但在 Nothing 的设计语言里是标配。

为什么值得收藏

如果你做 to C 产品，Nothing 的设计语言本身就是差异化——它代表了一种审美立场：拒绝过度设计、回归功能本质。

用这个 Skill 快速生成 Nothing 风格的原型，对于想走极简路线的产品来说，效率提升是质的飞跃。

而且它是 MIT 协议，商用无限制。

安装方式

一行命令搞定：

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

重启 Claude Code 即可使用，支持深色/浅色主题切换。

审美疲劳的时候，换换 Nothing 的口味——会有一种数字断舍离的快感。

https://github.com/dominikmartn/nothing-design-skill

GitHub: https://github.com/dominikmartn/nothing-design-skill