SuperDesign设计技能

技能内容与创作

superdesign

还在凭感觉给页面配界面?这个设计技能先读代码库摸清现有风格,再替前端开发者出界面设计草案。

怎么用

该技能用于在实现 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 还是别的工具,并写好对应配置。

适用场景与标签

superdesignui/uxclidesign-system
在星算助手里安装 ← 回到插件中心