用途：该技能用于设计令牌（design token）体系搭建与组件规范定义，并据此生成品牌合规的幻灯片，适用于设计令牌创建、组件状态定义、CSS 变量系统、间距与字体层级、设计到代码交付、Tailwind 主题配置和演示文稿生成。
主要能力：采用三层令牌结构（Primitive 原始值 → Semantic 语义别名 → Component 组件专用），例如 --color-blue-600 → --color-primary → --button-bg；提供组件规格模式，按属性列出 Background、Text、Border、Shadow 在 Default、Hover、Active、Disabled 下的取值。
使用方式：生成令牌 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 "10-slide investor pitch for Acme Analytics"。幻灯片要求导入 assets/design-tokens.css，使用 var() 变量，图表用 Chart.js。
适用场景：设计令牌与组件规范、Tailwind 集成、品牌演示文稿生成。可与 brand、ui-styling 技能配合，主要面向 ui-ux-designer、frontend-developer。
限制：资料未提供价格、平台支持范围与效果数据；具体运行环境要求暂未提供。