SuperAPI AI 工具集

develop-design-md

设计与创作

查看项目

更新于 10-16 05:46

技能介绍

用途:把项目从“没有视觉识别”或“风格只存在某人脑中”,推进到一份任何 AI 编程智能体都能读取并一致应用的 DESIGN.md。它介于过细的 Figma 导出与过松的传统品牌手册之间,流程结合 grill-me(从用户处挖掘品牌决策)与 prototype(先把决策做成可比较的成品再落笔)。

主要能力:

  1. 规范结构。DESIGN.md 由 YAML frontmatter(可机读的规范性设计令牌:name、description、colors、typography、rounded、spacing、components,令牌可用 {path.to.token} 互相引用)与 Markdown 正文组成,正文按 Overview、Colors、Typography、Layout、Elevation & Depth、Shapes、Components、Do's and Don'ts 顺序撰写;另加 Voice & Tone 与 Agent Prompt Guide 两个扩展章节。
  2. 四阶段流程。阶段一品牌访谈:先自行研究既有素材(截图、Logo、CSS/Tailwind 配置等),把决策分为“有证据”与“待定”两类,一次一问地访谈定位、个性、氛围、色彩感受、撰文规则与硬性约束。阶段二用可切换的原型(?variant=a|b|c|d)呈现 3–4 个真正不同的方向,字形与版式在此确定,并避免常见 AI 默认视觉。阶段三从胜出原型提炼令牌与正文。阶段四校验令牌引用、WCAG AA 对比度,并用只给 DESIGN.md 的新智能体会话做缺数据场景测试。

使用方式:按资料所述依次调用 grill-me 与 prototype 技能,原型仅内存运行、不持久化、提交到临时分支;最终提交 DESIGN.md 并删除或归档原型分支,另交付决策日志与“发现的产品能力清单”。

限制:用户必须参与访谈;未参与时只能给出可被否决的建议并先给决策日志;访谈问题不应以抽象形容词提出,品味类问题需对着渲染成品判断。具体命令、许可证细节与参考规范地址资料中暂未提供。