用途:在每个项目中运行一次,在 setup-design-infra 安装 token 结构之后、首个屏幕设计获批之前,建立并固化设计基础(字体、间距、颜色、圆角、动效),之后也可随时作为审计重跑。
主要能力:从现有探索材料(情绪板/样张页、旗舰屏原型、已有 CSS、参考截图)中按 value 与出现次数提取并使用直方图,聚类后清理抖动与半像素尺寸,确定角色集合与干净数值;颜色分核心色阶与语义角色两层,按主题变体绑定,alpha 变体用透明度修饰符派生;间距、圆角、动效为单层。
使用方式:先收集素材,可用 grep -oE 'font-size:\s*[^;]+' <file>.html | sort | uniq -c | sort -rn 等命令统计值;若无材料则以一次性样张页扮演情绪板并让用户确认。随后逐族设计、列出观察聚类到拟议 token 的表格并标注判断行,由用户调整并确认(唯一人工步骤,不可跳过);再落地 token 文件与框架接线,刷新 docs/designs/tokens.css 镜像,生成 docs/designs/foundations.html 活样张,必要时按映射表机械重基已批准设计,最后报告并给出后续规则。
适用场景:项目级设计基础建立与审计。限制:数值移动明显时,既有已批准设计会被视为待重基草稿,需重新翻译而非重新设计;正文未提供收费、平台、具体支持框架清单等信息。