design-tokens
This skill should be used to set up, validate, resolve, and export design tokens following the DTCG (Design Tokens Community Group) Format Module 2025.10 standard. Use when the user wants to define a design token set globally or per project, compile tokens to CSS variables, layer a project's tokens over a global brand base, or produce an on-brand context file for other generation skills. Triggers on "set up design tokens", "create a token set", "compile tokens to CSS", "design system variables", "brand tokens".
适合你，如果在构建设计系统或统一品牌样式
/ 通过 npx 安装 校验哈希
npx oh-my-skill add glebis/claude-skills/design-tokens/ 通过 bash 安装
curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- glebis/claude-skills/design-tokens/ 已经装过?验证本机副本,不用重装
npx oh-my-skill verify glebis/claude-skills/design-tokens安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。
330GitHub stars
~2.9K最小装载
~7.8K含声明引用
~103.4K文本包总量
索引托管
怎么用
商店整理自技能原文 · 版本 2482fd1 · 表述以原文为准它做什么
装上后，Claude能按照DTCG标准创建设计令牌、验证、合并全局与项目令牌、导出CSS变量，并生成DESIGN.md、HTML预览等文件。
什么时候触发
当你说出“set up design tokens”、“create a token set”、“compile tokens to CSS”等关键词时触发。
装好后可以这样说
Claude会创建令牌文件并验证。
Claude会合并并输出新文件。
Claude会解析CSS并生成令牌文件。
评论
登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。
…