用途：面向设计令牌创建、组件状态定义、CSS 变量体系、间距与字体比例、设计到代码交付、Tailwind 主题配置及演示文稿生成。
主要能力：三层令牌结构（Primitive 原始值→Semantic 语义别名→Component 组件专用），例如 --color-blue-600 → --color-primary → --button-bg。配套组件规范表定义默认/悬停/激活/禁用四态的背景、文字、边框、阴影。脚本包括 generate-tokens.cjs（从 JSON 生成 CSS）、validate-tokens.cjs（检查硬编码值）、search-slides.py（BM25 检索与情境推荐）、slide-token-validator.py、fetch-background.py。幻灯片系统以 design-tokens.css 为唯一来源，要求全部使用 var() 变量，图表用 Chart.js（CDN 引入 chart.umd.min.js），并含导航与上下文决策 CSV（策略、布局、排版、色彩、背景、文案、图表）。
使用方式：生成令牌运行 node scripts/generate-tokens.cjs --config tokens.json -o tokens.css；校验运行 node scripts/validate-tokens.cjs --dir src/。幻灯片检索示例：python scripts/search-slides.py "investor pitch"，支持 -d 指定领域与 --context --position 参数。命令 /slides:create "..." 用于生成演示。模板为 design-tokens-starter.json。依赖技能 brand 与 ui-styling，主要面向 ui-ux-designer、frontend-developer。
限制：幻灯片必须导入 assets/design-tokens.css 并仅用 CSS 变量；禁止使用原始十六进制色值；图表必须用 Chart.js 而非纯 CSS 条形图。资料未提供收费、价格与平台支持信息。