nothing-design-skill
受Nothing品牌启发的极简设计系统，一键生成统一UI代码。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：nothing-design-skill。 它的用途是：受Nothing品牌启发的极简设计系统，一键生成统一UI代码。 完整的 Skill 内容见：https://321skill.com/skills/nothing-design-skill/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘/nothing-design 帮我设计一个音乐播放器的控制面板，要有播放进度、音量控制和歌曲信息。’，它会自动生成一个采用Nothing风格的单色调界面，使用Space系列字体、分段式进度条和仪器仪表风格的控件，并提供你指定框架的代码。
介绍
Nothing Design Skill 解决了开发者在向AI助手（如Claude Code）描述特定设计风格时，需要反复沟通、规则难以统一的痛点。它封装了Nothing品牌标志性的视觉语言——单色调、瑞士排印风格、工业美学，将其转化为可复用的设计系统规则。
使用方式非常便捷，只需在Claude Code中通过指令 /nothing-design 或说出“Nothing style”，AI便会遵循预设的设计原则自动生成UI代码。用户无需手动配置颜色、字体或组件样式。
这个Skill非常适合追求独特、极简且具有科技感视觉风格的UI/UX设计师、前端开发者和产品原型构建者。它尤其适用于需要快速产出具有一致品牌调性的界面概念稿、演示或实际项目代码的场景。
与同类通用设计系统Skill相比，Nothing Design Skill的核心区别在于其高度风格化和品牌化。它不是提供一套可配置的通用组件库，而是深度绑定Nothing品牌的美学哲学，从字体堆栈（Space Grotesk/Mono, Doto）、三层视觉层级到机械式开关、仪表盘风格控件等细节，都贯彻了统一的、具有辨识度的设计语言，能产出风格极其鲜明的界面。
核心特点
深度绑定Nothing品牌的极简工业美学，提供从字体、色彩到控件样式（如分段进度条、机械开关）的完整、风格化设计系统，而非可自由配置的通用组件库。
注意事项
不适合需要丰富色彩、复杂视觉层级或非Nothing品牌风格的项目。
常见问题
支持哪些代码框架？
支持生成HTML/CSS、SwiftUI以及React/Tailwind代码。
需要设计基础吗？
不需要，直接对AI描述需求即可自动应用设计规则。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/nothing-design-skill/raw/index.md 读取 nothing-design-skill 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/nothing-design-skill/raw/index.md（查看排版版本）