SuperAPI AI 工具集

design-md

设计与创作

查看项目

更新于 10-16 09:29

技能介绍

用途:把设计选择写为项目根目录的 DESIGN.md,并据此构建界面。适用于按类别列出或搜索目录、为产品挑选品牌灵感或通用风格、编写/定制/替换项目 DESIGN.md,以及从 DESIGN.md 实现页面或组件。报表、计划、评审、迷你幻灯片 HTML 应转 html-artifact;截图、模型稿或参考图复刻转 image-to-ui-skill;后端、数据或非 UI 任务不适用。

用法:脚本自行定位目录(下文 <skill-dir> 为技能加载时公布的目录占位,不是环境变量;若无 python 可用 py -3)。 列出全部条目:python "<skill-dir>/scripts/design_catalog.py" list 筛选:... list --kind brand / --kind style / --category style-tech-dark / --format json 搜索(id、名称、描述、中英文类别名):python "<skill-dir>/scripts/design_catalog.py" search "<words>" 查看单条:python "<skill-dir>/scripts/design_catalog.py" show brand:linear.app 写入项目 DESIGN.md:python "<skill-dir>/scripts/design_catalog.py" apply style:minimal --root "<project-root>" 替换已有 DESIGN.md(先备份):加 --force 条目 id 形如 brand:<slug> 或 style:<slug>;slug 唯一时可省略前缀,claude 两种都有需加前缀。退出码:0 成功、1 无搜索结果、2 输入错误、3 拒绝覆盖。

流程:先分类请求,仅列出则在输出列表后停止。若项目根存在 DESIGN.md(不区分大小写)则据其实现,仅在用户要求不同设计时用 apply --force 替换并保留带时间戳备份。用户指定品牌或风格则展示;描述氛围、受众或行业则搜索后用 --category 列出,给出 2–3 个候选及理由并等待选择;用户委托则自行选定并说明理由。写入时用 apply,勿手工复制条目文件。定制时先改 DESIGN.md 再改代码,颜色变更后重检对比度。实现时检测技术栈、建立单一 token 层、按设计系统核心构建含全部状态的组件,再组合页面。在运行页面中验证:桌面与移动宽度截图、键盘焦点检查、对比度与状态检查;页面无法运行时须列出未执行的检查,不得称已验证。品牌条目须遵守品牌边界:输出中不得出现 logo、字标、品牌名、品牌图像或专有字体文件。

限制:目录为离线内置;品牌条目有使用边界。具体收费、价格、技术栈支持范围等资料暂未提供。