design-tokens-skill
一个遵循DTCG规范的Claude设计令牌专家技能。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：design-tokens-skill。 它的用途是：一个遵循DTCG规范的Claude设计令牌专家技能。 完整的 Skill 内容见：https://321skill.com/skills/design-tokens-skill/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'帮我把这份旧的CSS变量文件转换成符合DTCG格式的设计令牌JSON文件，并设置好颜色引用。'，它会指导你如何结构化JSON，正确使用`sRGB`或`OKLCH`颜色空间，并处理令牌间的别名引用。或者你说：'我想为我的应用配置一个支持亮色和深色主题的解析器。'，它会解释DTCG解析器模块中的`sets`和`modifiers`概念，并引导你配置`resolver.json`。
介绍
这个技能旨在解决开发者和设计师在创建、管理和使用设计令牌时面临的标准化和复杂性问题。设计令牌是设计系统的基础，但遵循DTCG规范、处理颜色空间、引用和解析器配置等环节往往充满挑战。
安装后，当你在Claude中提及设计令牌相关话题时，技能会自动激活。你可以直接向Claude提问，例如请求将CSS变量转换为DTCG格式、设置主题解析器或验证令牌文件结构。它基于仓库内详尽的参考文档、示例和测试用例来提供精准指导。
它特别适合需要构建或维护设计系统的前端开发、UI设计师和全栈开发。对于产品经理和项目经理，它也能帮助理解设计令牌的技术实现，促进团队协作。
使用建议：在开始一个涉及多平台、多主题的设计系统项目时启用此技能，能确保从起步就遵循最佳实践。注意，它主要提供规范和工具使用指导，具体的令牌值定义和业务逻辑仍需人工决策。
核心特点
此技能严格遵循并深度集成了Design Tokens Community Group (DTCG) 的官方规范，提供了从格式定义、颜色空间处理到复杂解析器配置的全链路专家指导，而非仅提供基础的令牌生成或转换功能。
注意事项
不适合仅需简单CSS变量管理、不打算遵循DTCG规范或无需多平台/多主题解析的小型或个人项目。
常见问题
这个技能能帮我生成具体的设计令牌值吗？
不能，它主要提供遵循DTCG规范的指导、结构验证和工具配置建议，具体的令牌值（如颜色、间距）需要你根据设计定义。
支持哪些设计工具或平台的令牌导出？
技能特别涵盖如何使用Terrazzo CLI进行多平台输出配置，以及处理来自Figma的导出文件，遵循DTCG格式。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/design-tokens-skill/raw/index.md 读取 design-tokens-skill 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/design-tokens-skill/raw/index.md（查看排版版本）