用途:安装并落地一套设计到代码的基础设施,让设计稿、应用和各框架渲染只使用命名的设计决策(token 加组件名),而非原始值。
主要能力:A 阶段装结构,B 阶段定值。A1 检测目标技术栈并确认形态:Web + Tailwind 用一份 CSS 自定义属性文件加 @theme inline;React Native / Tamagui 用 tokens.ts 喂给 createTokens();原生 Swift / Kotlin 在 UI 模块放常量源;多平台用 DTCG tokens.json 加 Style Dictionary 构建。A2 已有 token 层则扩展而非替换,每个家族至少有一个命名槽位。A3 在 docs/design/ 下装 tokens.css、design-template.html、kit.js。A4 把 check-design-tokens.sh 复制到 scripts/,替换 {{SRC_DIRS}} 与 {{EXCLUDE_FILES}},加 check:design-tokens 脚本并接入 lint 与 pre-commit。A5 安装渲染方法,浏览器目标可复制 screenshot-states.mjs(需 Playwright)。
B 阶段:先读 references/foundations.md,从 moodboard、原型、现有样式或截图取材,得到每属性一张直方图;聚类观察值、选择角色集、贴近清晰值、补齐元组;bless 检查点逐家族确认;落地契约与 foundations.html 标本;值变动时把进行中的设计标记为 stale。C 阶段写 docs/design-stack.md 与 rules/design.md。D 阶段验证并报告。
限制:命令、路径、glob 必须真实存在;未提供的框架细节、收费、平台支持暂未给出。