用途：在做出 AGH 任何视觉决策前使用，确保生成的 UI 资产与品牌和设计系统一致。
主要能力与触发场景：生成 HTML 稿、幻灯片、原型、截图或生产代码；决定令牌、颜色、字体、间距、圆角、图标、层次或动效；审查 AI 生成界面的品牌与设计系统符合度。
不变量：仅暗色模式，暖暗色调；每个视口只有一个 --color-accent 目标；扁平深度模型，浮层用 --shadow-overlay，活动边缘用 --shadow-highlight；取值须来自 --color-、--text-、--radius-、--duration-、--shadow-* 令牌，不得硬编码生产 hex 或一次性尺寸；<Eyebrow> 是唯一大写标签契约。
静态 HTML 资产：内联或导入 packages/ui/src/tokens.css 的真实值，尽量复刻 packages/ui/src/components 中的类结构与组件解剖；保持暗色、扁平、功能性；仅用字面 CSS 表达导出的令牌值，不要另造调色板。
生产代码：改所属表面 web/、packages/ui/ 或 packages/site/；使用 CSS 变量与 Tailwind v4 裸令牌工具类。若 tokens.css 或 packages/site/app/global.css 变更，需运行 make codegen，再运行 make codegen-check，以保持 DESIGN.md 同步。
权威来源：packages/ui/src/tokens.css 为 Tailwind v4 消费的规范令牌源；DESIGN.md 提供理由、生成的令牌表、反模式与语义组件契约；packages/ui/src/components/**/*.tsx 是生产配方；COPY.md 规定产品语气、术语与公开声明规则。反模式清单与 lint/测试护栏见 DESIGN.md 第 10 节。
限制：资料未提供收费、平台支持、具体版本要求或效果数据，暂未提供。