·design-tokens
</>

design-tokens

ilikescience/design-tokens-skill

使用 DTCG 规范设计令牌的专家。当用户询问设计令牌、DTCG 格式、令牌验证、格式化、转换、色彩空间(sRGB、Display P3、OKLCH)、引用和别名、解析器、修饰符/上下文主题、多平台设计系统、可访问性或使用 jq、jsonata 和 terrazzo 等工具时,请使用此技能。帮助创建令牌文件、解析器配置、结构、命名约定和最佳实践。

32安装·2热度·@ilikescience

安装

$npx skills add https://github.com/ilikescience/design-tokens-skill --skill design-tokens

SKILL.md

Expert guidance for working with design tokens following the Design Tokens Community Group (DTCG) specification.

| Token types, structure, validation | reference/format.md | | Color spaces, components, alpha, common mistakes | reference/color.md | | Sets, modifiers, resolution order | reference/resolver.md | | jq, JSONata, Figma export, Terrazzo config | reference/tools.md | | Common patterns and examples | examples/use-cases.md |

Getting Started: See Getting Started Guides for step-by-step workflows.

使用 DTCG 规范设计令牌的专家。当用户询问设计令牌、DTCG 格式、令牌验证、格式化、转换、色彩空间(sRGB、Display P3、OKLCH)、引用和别名、解析器、修饰符/上下文主题、多平台设计系统、可访问性或使用 jq、jsonata 和 terrazzo 等工具时,请使用此技能。帮助创建令牌文件、解析器配置、结构、命名约定和最佳实践。 来源:ilikescience/design-tokens-skill。

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/ilikescience/design-tokens-skill --skill design-tokens
分类
</>开发工具
认证
收录时间
2026-02-01
更新时间
2026-02-18

快速解答

什么是 design-tokens?

使用 DTCG 规范设计令牌的专家。当用户询问设计令牌、DTCG 格式、令牌验证、格式化、转换、色彩空间(sRGB、Display P3、OKLCH)、引用和别名、解析器、修饰符/上下文主题、多平台设计系统、可访问性或使用 jq、jsonata 和 terrazzo 等工具时,请使用此技能。帮助创建令牌文件、解析器配置、结构、命名约定和最佳实践。 来源:ilikescience/design-tokens-skill。

如何安装 design-tokens?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/ilikescience/design-tokens-skill --skill design-tokens 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/ilikescience/design-tokens-skill

详情

分类
</>开发工具
来源
skills.sh
收录时间
2026-02-01

相关 Skills

暂无