界面与设计
决定界面长什么样、用什么零件的时刻。DESIGN.md 给方向，组件库出零件，技能负责把两者落到具体界面上。三段各选所需，通常不必全取。
| 条目 | 形态 | 评估 |
|---|---|---|
| AI 设计三阶段约束 用种子串打开方向、用评审子代理收敛、用做减法收尾，抑制 agent 生成界面时的模板感。 | 文档 | 0.1.0 2026-09-03 现行 |
| design-consultation（gstack） 从零产出完整设计方案：美学方向、字体、色彩、布局、间距、动效，并生成预览。 | 技能 | 1.77.0.0 2026-09-03 现行 |
界面与设计下已评估的全部条目。
先定长相，再定零件，最后确认能搭配。
存续周期权重最高。一次性界面不做任何设计系统投入，由 AI 直接生成；长期界面按下面四步决定。
- 视觉方向。已有品牌规范则整理成 DESIGN.md 沿用；没有则从本页选一份作为起点。
- 零件。按技术栈与界面类型选组件库；多品牌或多主题先建 DTCG 三层 token。
- 搭配。DESIGN.md 的 token 必须能映射到组件库的主题变量，条目中的「搭配」字段记录实测组合。
- 执行。视觉方向尚未成形时用 design-consultation 产出完整方案；方向已定、开始写界面时用 frontend-design 执行。
由 agent 生成 UI 时，模板感来自缺少约束而非模型能力。一份显式的 DESIGN.md 比口头描述可靠；语义 token 层则把 agent 改动品牌色的范围限制在一处。
| 信号 | 改走 |
|---|---|
| 需要品牌辨识度 | 定制排版与色彩，不用默认主题 |
| 产品已有设计规范 | 沿用，不另起炉灶 |
| 界面将超过 20 屏 | 必须有 token 层 |
| 设计师将参与 | 提前建立 token 体系 |
常见误判：为内部工具自建 token 体系；用 AI 生成会长期演进的产品视觉；以为装了组件库就有了设计系统；直接套用某公司的 DESIGN.md 而不替换品牌项。
更多来源
第三方汇集的 design 文件集合不作为条目收录，集合中只有评估过的单份文件才进入上表。