用途:按项目的三层令牌体系生成与维护 DTCG($type/$value)格式设计令牌,用于统一配色、排版、间距等设计变量。
主要能力:区分原始值(primitive)、语义别名(semantic)与组件级(component)三层;可生成 11 级 OKLCH 色阶,并用对比度脚本校验可读性(500 级白色文本 ≥4.5:1,600 级 UI ≥3:1);支持多品牌/多密度主题;校验 JSON 有效性与别名解析。
使用方式:先确认 kit 是否安装,运行 ls ${CLAUDE_SKILL_DIR}/../../../tokens >/dev/null 2>&1 && echo KIT_OK || echo KIT_MISSING。若为 KIT_MISSING,说明仅安装了技能目录(如 npx skills add 的情况),应提示用户运行 npx ux-ui-agent-skills init 或安装插件后停止,不可猜测文件内容。随后读取 .claude/rules/tokens-and-color.md 的 Token System 与 Color Guidelines,以及 typography-and-spacing.md 中 4px 基准、Major Third 比例、OKLCH 调色板、语义层暗色模式等规则;匹配 tokens/ 下已有文件结构(colors.json、typography.json、spacing.json、shadows.json、borders.json、breakpoints.json、motion.json、gradients.json、opacity.json、blur.json、sizing.json、states.json、theming.json)。生成后运行 python3 ${CLAUDE_SKILL_DIR}/../../../scripts/validate_tokens.py 校验。
输出要求:DTCG JSON,每个令牌保留 $description,引用而非硬编码。
限制:具体令牌取值与项目规则以本地文件为准;未提供收费、平台与效果信息,暂未提供。