SuperAPI AI 工具集

design-tokens-skill

设计与创作

查看项目

更新于 10-16 03:44

技能介绍

该技能提供对 W3C Design Token Community Group(DTCG)规范的深入支持,适用于架构设计令牌体系、将令牌迁移到 DTCG 格式,或配置多主题令牌流水线。

主要能力:令牌文件结构与值类型;色彩空间处理,包括 sRGB、Display P3、OKLCH;令牌之间的引用与别名;复合令牌;主题解析器;以及工具链,涵盖 jq、JSONata、Terrazzo 和从 Figma 导出。触发词包括 design tokens、DTCG tokens、W3C tokens、Terrazzo、token aliasing。

安装与调用:先检测完整技能是否已安装。全局检测:grep -q "^das:" ~/.agents/skills/design-tokens-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed";项目检测:grep -q "^das:" .agents/skills/design-tokens-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"。若无 das: 块,说明完整技能已安装,可直接调用;若存在 das: 块,则进入安装步骤。检测作用域:[ -e ~/.agents/skills/design-tokens-skill ] && echo "global" || echo "project"。全局安装:npx skills add ilikescience/design-tokens-skill --skill design-tokens-skill -g -y;项目安装:npx skills add ilikescience/design-tokens-skill --skill design-tokens-skill -y。在 Claude Code 中,可发送以 ! 开头的聊天消息直接运行上述命令。

不适用场景:无令牌结构的 OKLCH 颜色生成,改用 color-expert;Figma 特有的令牌变量界面,改用 figma-variables-tokens-generator;Figma 官方操作,改用 figma-official-skills。

本页为目录存根,完整技能位于 ilikescience/design-tokens-skill。其余细节暂未提供。