用途:该技能把 Nothing 的设计原则固化为可复用系统,供 Claude Code 生成符合其视觉语言的 UI 组件,强调单色、排版化与工业化风格,并支持多平台输出。
主要能力:提供三层视觉层级(Display、body、metadata)、单色配色(OLED 黑 #000000、纯白 #FFFFFF 与精确灰阶)、字体体系(Space Grotesk 用于显示、Space Mono 用于等宽、Doto 用于点阵装饰)、工业风组件(分段进度条、机械开关、仪表式控件),以及完整的深色/浅色模式令牌与语义色映射。
使用方式:克隆仓库并把技能文件夹复制到 Claude Code 技能目录: git clone https://github.com/dominikmartn/nothing-design-skill.git cp -r nothing-design-skill/nothing-design ~/.claude/skills/ 重启 Claude Code 后生效。之后可用自然语言描述需求,让 AI 生成 HTML/CSS、SwiftUI 或 React/Tailwind 组件。
适用场景:需要统一 Nothing 风格界面时,生成设置面板、状态卡片、数据表格、导航栏、加载状态、状态指示器等组件。
限制:资料未提供收费、价格、平台兼容范围或效果保证等信息;字体需自行引入 Google Fonts 或使用系统回退;OLED 黑需确保使用 #000000;组件默认紧凑,若需无障碍可增大触控目标至 44px 并补充内边距。