design-tokens
✓使用 DTCG 規範設計令牌的專家。當用戶詢問設計令牌、DTCG 格式、令牌驗證、格式化、轉換、色彩空間（sRGB、Display P3、OKLCH）、引用和別名、解析器、修飾符/上下文主題、多平台設計系統、可訪問性或使用 jq、jsonata 和 terrazzo 等工具時，請使用此技能。幫助創建令牌文件、解析器配置、結構、命名約定和最佳實踐。
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