superdesigndev/superdesign-skill

解决的问题

编码代理经常生成通用且低质量的用户界面（被称为“AI垃圾”）。Superdesign 为这些代理提供设计判断力，使其能够生成符合特定设计系统、高质量且经过深思熟虑的 UI、演示文稿和图形，而非依赖默认组件库。

如何工作

它作为一个“技能”或插件，可集成到各种编码代理（如 Claude Code、Cursor 和 Codex）中。系统的工作方式如下：

1. 建立上下文：可从现有代码库中提取设计系统，或基于样式参考和用户偏好创建新的设计系统。
2. 像素级模板：对于现有应用，它会创建当前 UI 的像素级精确 HTML 复制，作为基准。
3. 迭代式设计：通过 CLI，代理可以创建项目、分支不同的设计变体（例如“极简”与“大胆”），并在无限画布上完善草稿。
4. 灵感工具：包含搜索提示库的功能，或通过 URL 从现有网站提取“设计 DNA”（样式指南和设计令牌）。

适用人群

希望从一个想法快速推进到可交付的高保真 UI，且不离开其基于终端的编码环境的开发者、独立开发者和产品/UI 设计师。

核心亮点

• 跨代理兼容性：支持超过 70 种编码代理。
• 设计系统集成：通过读取代码获取上下文，而非仅更换主题，将设计融入现有系统。
• 无限画布：在可分支的视觉工作区中生成并迭代 UI、幻灯片和图形。
• 网站提取功能：可直接从 URL 提取样式指南和设计令牌。