用途：生成 DESIGN.md 文件，作为提示 Google Stitch 生成新屏幕时的单一事实来源，保障视觉一致性。文件用自然语言描述加精确数值表达设计语言。
三种模式：仓库模式（分析本地代码库，输入目录路径）；URL 模式（基于一个或多个网址）；品牌模式（依据品牌名，无 URL）。执行前需加载对应模式的参考文件。
主要能力：从 tailwind.config、tokens.json、CSS 变量、行内 Tailwind 类、styled-components 主题、package.json 等提取设计 token；分析圆角、阴影、间距节奏、动效等组件模式；通过网页抓取与截图提取品牌视觉；合成品牌个性并映射为设计 token。大型代码库可用脚本：python extract_tokens.py <repo-path>，用后删除临时文件。
使用方式：生成后保存为项目根目录 DESIGN.md（团队用小写时可同时支持 design.md，保持单一规范源）；更新或创建根目录 CLAUDE.md、AGENTS.md，写入强制规则（生成或编辑 UI 前先读设计规范、不得自造颜色/间距/圆角/阴影/字体值、匹配交互状态、优先使用项目 token 别名）；在框架配置中加入第二层约束（Tailwind 配置、CSS 变量）；组件生成后运行漂移审计，检查颜色、字体族/字号/字重、间距与尺寸比例、圆角与阴影，报告违规并修正；将规范纳入版本控制，设计演进后重新生成规范、更新智能体上下文并重跑审计。
输出规则：文件控制在 400 行以内；使用设计师友好的语言，描述名后括号内附精确值，例如 Charcoal Ink (#18181B)；生成后给出关键设计决策摘要，并更新 CLAUDE.md 与 AGENTS.md。
适用场景：需要让多个智能体或长时间会话保持 UI 生成一致的团队，以及从现有代码库、线上网站或品牌反推设计系统。
限制：截图不可用时可用描述替代；具体脚本内容、各参考文件的格式细节、定价与效果资料暂未提供。