用途:该技能把 Nothing 的视觉语言编码为可复用设计系统,用于生成单色、排版化、工业机械感的 UI 组件,并支持深色与浅色模式。
主要能力:提供三层排版层级(Display、Body 用 Space Grotesk,Metadata 用 Space Mono);单色色板(纯黑 #000000、纯白 #FFFFFF 与精确灰阶,强调色 #FF0000);基于 8px 的间距系统;工业组件如分段进度条、机械开关、点阵显示、信息卡片;完整深色/浅色主题令牌;多平台输出 HTML/CSS、SwiftUI、React/Tailwind。
使用方式:安装到 Claude Code 技能目录: git clone https://github.com/dominikmartn/nothing-design-skill.git cp -r nothing-design-skill/nothing-design ~/.claude/skills/ 或手动创建 ~/.claude/skills/nothing-design/ 并复制技能文件。生成页面时先引入字体,再应用 CSS 令牌,按三层层级构建组件,并加入机械/工业细节。
适用场景:需要 Nothing 风格界面、单色工业风组件、跨平台设计系统一致性的前端或移动端 UI 生成。
限制:资料未提供收费、价格、平台兼容性细节或效果保证;组件样式依赖指定字体(Space Grotesk、Space Mono、Doto),需正确加载字体;设计规范要求零圆角、严格 8px 间距与令牌变量,偏离会破坏一致性。