还在凭感觉给页面配界面?这个设计技能先读代码库摸清现有风格,再替前端开发者出界面设计草案。
怎么用
该技能用于在实现 UI 前先分析仓库并建立设计上下文,必要时将结果写入 `.superdesign/init/`。它支持为现有页面补齐依赖上下文、生成或迭代设计草案、扩展页面流程,以及提取和更新可复用组件,产出设计草案、组件定义和上下文文件。
触发场景
需要先做界面设计思考再实现 UI、要分析仓库并生成设计上下文、要为页面/流程生成设计草案、要迭代现有设计草案、要建立或调整设计系统、要提取可复用组件
优劣特点
亮点:可先读取仓库中的设计上下文文件,再按页面依赖树组织上下文;支持设计草案生成、迭代、流程扩展和组件提取;命令覆盖项目初始化、组件列表、草案执行等常见设计工作。局限:面向前端 UI/UX 设计场景;使用前要求本地安装并登录 SuperDesign CLI(命令行界面,用于执行 superdesign 命令)。
适用人群
前端开发者、需要在代码库内进行 UI/UX 设计分析的工程师、负责页面/组件设计迭代的产品或设计协作人员
常见问题
它是做什么的?
还在凭感觉给页面配界面?这个设计技能先读代码库摸清现有风格,再替前端开发者出界面设计草案。
支持哪些工具?
这个技能可以装进 Claude Code、Codex。
怎么用?
该技能用于在实现 UI 前先分析仓库并建立设计上下文,必要时将结果写入 `.superdesign/init/`。它支持为现有页面补齐依赖上下文、生成或迭代设计草案、扩展页面流程,以及提取和更新可复用组件,产出设计草案、组件定义和上下文文件。
源码在哪里?
源码地址:https://github.com/superdesigndev/superdesign-skill/tree/main/skills/superdesign
怎么安装?
安装在星算助手客户端里完成 —— 由它决定装进 Claude Code、Codex 还是别的工具,并写好对应配置。