The design skill for Claude Code, Cursor and any coding agent. Stop shipping AI-slop UI: turn it into shippable, tasteful frontend. Install: npx skills add superdesigndev/superdesign-skill. Powered by superdesign.dev
Stars 449 +3Forks 31许可证 MIT更新 2026/8/21
Superdesign 是供 Claude Code、Cursor、Codex 等编码智能体使用的产品设计 Skill。它先读取现有代码和设计系统，再收集风格参考、建立方向，并在无限画布中生成可分支和继续迭代的界面草稿。
完成首次代码库设计后，Skill 会记录项目、草稿、提取出的组件和受预算限制的源码上下文，未变化的后续迭代可以直接恢复。当前 Skill 与 superdesign.dev 是维护中的产品，早期同名 VS Code 扩展已归档且属于独立项目。
核心能力
- 读取现有代码与设计系统，再收集风格参考并建立方向。
- 在无限画布中生成可分支、可继续迭代的界面草稿。
- 完成首次代码库设计后记住项目、草稿、提取出的组件和受预算限制的源码上下文。
- 也可生成演示文稿与图形。
如何开始
- 1安装 Skill
为受支持的编码智能体添加 Superdesign skill。
npx skills add superdesigndev/superdesign-skill - 2安装 CLI 并登录
安装其驱动的全局 CLI 后执行登录。
npm install -g @superdesign/cli@latest superdesign login - 3发起设计任务
直接向智能体说明要改的页面、设计系统或演示文稿。
使用前确认
Claude Code 请用插件方式安装，不要同时再执行 npx skills add。归档的同名 VS Code 扩展是另一项目。
Star 增长
数据来源：定期同步保存的 Star 快照；增长不构成质量、安全或官方背书。
GitHub Topics
相关项目
收录或清单确认都不等于本站验证。该项目因仓库添加了 dsh-plugin Topic 而自动进入目录。相关度与排查提示由公开信息自动生成，不构成质量、安全或官方背书；本站没有替你安装、运行或审核其兼容性和安全性。第三方项目可能在 Harness 进程中运行。请自行审查源代码、依赖、许可证、安装方式和权限；Star 数量不构成质量、安全或官方背书。