用途：用于创建设计令牌、定义组件状态、搭建 CSS 变量系统、制定间距与排版比例、完成设计到代码的交接、配置 Tailwind 主题，以及生成演示幻灯片。
主要能力：采用三层令牌结构，即原语（原始值）→语义（用途别名）→组件（组件专用），例如 --color-blue-600 到 --color-primary 再到 --button-bg。可生成令牌 CSS、校验代码中是否出现硬编码值。组件规范提供默认、悬停、激活、禁用等状态下的背景、文字、边框、阴影定义。幻灯片系统结合设计令牌、Chart.js 与基于 CSV 的上下文决策流程，支持 BM25 搜索选择版式、排版、配色与配图。
使用方式：生成令牌运行 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 启用上下文搜索；创建幻灯片使用 /slides:create "..." 命令。幻灯片须引入 assets/design-tokens.css 并全部使用 var() 变量，图表使用 Chart.js。
适用场景：设计系统搭建、设计到开发交接、Tailwind 主题配置、品牌合规的演示文稿制作。
限制：依赖 brand、ui-styling 技能，主要面向 ui-ux-designer、frontend-developer 角色；具体价格、平台支持与效果数据暂未提供。