当用户需要创建设计系统、建立 UI 模式、选择颜色和版式或确保整个 SaaS 应用程序的视觉一致性时，请使用此技能。在创建模式（新应用程序）、修改模式（更新现有系统）或工作模式（遵循既定模式构建功能）下运行。
SKILL.md
Manage your app's design system through instructions/design-system.md - the single source of truth for all UX/UI work.
CREATE → No design system yet, or extracting from existing code MODIFY → Have a design system, need to update it WORK WITHIN → Have a design system, building features that follow it
Generate a new instructions/design-system.md from one of these entry points:
当用户需要创建设计系统、建立 UI 模式、选择颜色和版式或确保整个 SaaS 应用程序的视觉一致性时，请使用此技能。在创建模式（新应用程序）、修改模式（更新现有系统）或工作模式（遵循既定模式构建功能）下运行。 来源：whawkinsiv/claude-code-superpowers。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/whawkinsiv/claude-code-superpowers --skill design- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-02-11
- 更新时间
- 2026-02-18
快速解答
什么是 design？
当用户需要创建设计系统、建立 UI 模式、选择颜色和版式或确保整个 SaaS 应用程序的视觉一致性时，请使用此技能。在创建模式（新应用程序）、修改模式（更新现有系统）或工作模式（遵循既定模式构建功能）下运行。 来源：whawkinsiv/claude-code-superpowers。
如何安装 design？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/whawkinsiv/claude-code-superpowers --skill design 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/whawkinsiv/claude-code-superpowers
详情
- 分类
- *创意媒体
- 来源
- skills.sh
- 收录时间
- 2026-02-11