用途：为项目生成基础设计令牌（design tokens），在完成设计简报之后、构建组件之前运行。后续每个组件都引用这些令牌，而不是硬编码数值。
主要能力：生成颜色（语义化令牌，含背景、文字、边框、强调色、状态色、遮罩）、间距刻度、字体（字族、字号、字重、行高、字距）、布局（最大宽度、圆角、阴影）、动效（时长与缓动曲线）和响应式断点。始终同时生成明暗两套配色，使用 [data-theme="dark"] 属性选择器与 prefers-color-scheme 媒体查询，支持系统偏好和手动切换。暗色模式不简单反色，会按理念调整色温、降低对比、调整阴影与强调色亮度。
使用方式：先扫描代码库中已有的 CSS 变量、Tailwind 配置、主题提供者文件、设计令牌 JSON 等，若已存在则扩展而非替换，并补齐缺失项（如暗色模式、间距刻度、动效令牌）。读取 .design/*/DESIGN_BRIEF.md 简报；若存在多个子文件夹，取最近修改的一个或询问用户；若简报中指定了理念，则用 /frontend-design 的参数推导令牌值；若无简报则询问方向。按技术栈输出：Tailwind 项目扩展 tailwind.config.js 并写入 globals.css；CSS/HTML 项目写入 tokens.css；CSS-in-JS 项目写入 theme.ts 或 theme.js；不明确时默认使用 CSS 自定义属性。间距基准单位随理念变化：紧凑型（Brutalist、Swiss）用 4px，均衡型（Rams、Scandinavian）用 4px 或 8px，宽松型（Japanese Minimalism、Editorial）用 8px 并配更大倍数。
适用场景：需要在开发前建立统一视觉基础、避免组件硬编码数值的前端项目。
限制：资料未提供具体安装命令、收费方式、平台支持范围或效果保证；实际输出取决于项目已有配置与设计简报，缺失简报时需用户提供方向。