用途
design-tokens 用于为项目生成一套完整的设计令牌（design token）系统，也可在已有令牌或主题的基础上进行改进。当用户提出设计令牌相关需求时使用。
主要能力
该技能会生成覆盖以下类别的令牌：
- 颜色：primary、secondary、neutral（11 级）、语义色（success/error/warning/info）、表面色（浅色与深色）
- 字体排版：字体、字号阶梯（8 级）、行高、字重
- 间距：基于 4px 的阶梯（16 级）
- 圆角：4 级（sm、md、lg、full）
- 阴影：3 级（sm、md、lg）
- 动效：时长与缓动令牌
使用方式
通过命令调用，支持以下形式：
/design-tokens：自动检测品牌色并生成完整系统/design-tokens #3b82f6：基于指定品牌色生成/design-tokens --format tailwind：输出为 Tailwind 配置/design-tokens --format css-vars：输出为 CSS 自定义属性/design-tokens --format json：输出为 JSON 令牌
执行流程为：读取现有令牌/主题（如有）→ 确定品牌色（来自现有配置或用户输入）→ 通过 uiux_generate_tokens 生成完整令牌系统 → 按请求的格式输出。
输出格式
- css-vars：
:root { --color-primary: ...; }，并包含深色模式媒体查询 - tailwind：tailwind.config.js 的 theme 扩展
- json：W3C Design Tokens Community Group 格式
- js：JavaScript 模块导出
适用场景
需要统一设计规范、建立主题体系、生成多端可用的样式变量，或需要将设计令牌导出为 Tailwind、CSS 变量、JSON、JS 等不同格式时适用。
限制
关于具体收费、价格、平台支持范围、生成效果等信息，资料中暂未提供。