- 形态
- Agent Skill
- 是否开源
- 是
- GitHub Stars
- ★ 2.6k
- 收录来源
- skill-github
能力说明
这是一个为 Claude Code 设计的技能，用于生成遵循 Nothing 设计语言的 UI。该设计语言以单色、排版和工业风格为主。通过使用此技能，用户可以告诉 Claude 生成符合这些原则的 UI，并输出为 HTML/CSS、SwiftUI 或 React/Tailwind 代码。安装方法是将 `nothing-design` 文件夹复制到 Claude Code 的技能目录中。
能力点
- ▪生成单色、排版和工业风格的 UI
- ▪支持三层次视觉层次结构
- ▪提供 Space Grotesk + Space Mono + Doto 字体堆栈
- ▪支持全暗模式和亮模式
- ▪生成分段进度条、机械切换开关和仪表式小部件
- ▪输出为 HTML/CSS、SwiftUI 或 React/Tailwind
适用场景
快速生成符合 Nothing 设计语言的 UI在 Claude Code 中创建一致的设计风格为不同平台生成统一的 UI 代码
接入方式
依赖：Claude Code 环境
git clone https://github.com/dominikmartn/nothing-design-skill.git && cp -r nothing-design-skill/nothing-design ~/.claude/skills/
以上信息由 AI 基于公开资料整理，可能存在偏差，以来源为准。
常见问题
如何安装此技能？
克隆仓库并将 `nothing-design` 文件夹复制到 Claude Code 技能目录中。
支持哪些输出格式？
支持 HTML/CSS、SwiftUI 和 React/Tailwind 输出。
相关 Skill
material-3-skill
Material Design 3 技能，支持 30+ 组件、设计令牌、主题和响应式布局。
Agent Skillmaterial designui
ppt-image-first
一个 conversation-first、image-first 的 PPT 工作流 skill，逐步推进 PPT 需求至成品。
Agent Skill
drawio-skill
从自然语言生成 draw.io 图表，支持多种预设和导出格式。
Agent Skill
ui-ux-pro-max-skill-cn
为 AI 编码助手提供专业级 UI/UX 设计智能。
Agent Skill
logo-generator-skill
专业SVG标志生成器，提供多种设计变体和展示背景。
Agent Skill
claude-skill-aso-appstore-screenshots
生成高质量的App Store截图，提升应用下载率。
Agent Skill