用途
Design Token 是一个专注于设计令牌（Design Token）架构与系统性设计基础的专业技能。它帮助定义、组织和文档化设计令牌——即驱动视觉一致性的原子值。该技能理解令牌分类法、命名层级以及跨平台映射，适用于建立令牌层，以及审计现有令牌体系等场景。
主要能力
该技能覆盖以下令牌类别：
- 颜色（Color）：全局调色板、别名令牌（surface、text、border）、组件令牌
- 间距（Spacing）：基础单位（4px/8px）、尺度（xs 至 3xl）、上下文相关（inset、stack、inline）
- 字体排印（Typography）：字体族、字号尺度、字重、行高
- 高度（Elevation）：阴影层级、z-index 尺度
- 边框（Border）：圆角尺度、宽度尺度、样式选项
- 动效（Motion）：时长尺度、缓动函数
该技能还定义了令牌层级：
- 全局令牌（Global tokens）：原始值（例如 blue-500: #3B82F6）
- 别名令牌（Alias tokens）：语义引用（例如 color-action-primary）
- 组件令牌（Component tokens）：限定范围的使用（例如 button-color-primary）
使用方式
该技能采用命名约定模式：{category}-{property}-{variant}-{state}。
最佳实践包括：
- 从全局令牌开始，然后创建语义别名
- 组件中绝不引用原始值
- 为每个令牌记录使用上下文
- 令牌与设计系统一同进行版本管理
- 通过保持别名令牌抽象来支持主题化
适用场景
适用于建立令牌层、审计现有令牌体系等场景。
限制
关于该技能的具体安装命令、收费模式、价格、支持平台及实际使用效果，资料中暂未提供。