skills.rest
Siddharth-Khattar
Siddharth-KhattarCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-tokens

Create and validate design tokens following the DTCG specification.

Updated Jan 12, 2026
Search Tags:#theming#jq#design-tokens#resolver#DTCG#color-spaces#terrazzo
One-click install
npx skills add https://github.com/Siddharth-Khattar/holmes --skill design-tokens-siddharth-khattar
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-tokens
Source: https://github.com/Siddharth-Khattar/holmes/tree/main/.kiro/skills/design-tokens
Command: npx skills add https://github.com/Siddharth-Khattar/holmes --skill design-tokens-siddharth-khattar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Design Tokens Expert provides structured guidance to create, validate, and transform tokens according to the DTCG specification, enabling scalable, cross-platform design systems with reliable theming and accessibility.

Core Features & Use Cases

  • Token creation and validation following the DTCG spec for color, typography, spacing, and other types.
  • Resolver configuration and theming workflows to manage light/dark and multi-context tokens.
  • Checks and best practices for naming, inheritance, references, and accessibility, plus tool integrations with jq, JSONata, and Terrazzo.

Quick Start

Create a starter set of primitives and semantic tokens following the DTCG spec and a basic light-theme resolver.

Frequently Asked Questions about design-tokens

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure design tokens to follow the DTCG specification?▼

To create DTCG design tokens, structure your primitives and semantic tokens using strict $type/$value formats, enabling reliable references and cross-platform design system scalability.

What's the best way to set up light and dark theme resolver configurations?▼

Setting up light and dark theme resolvers involves configuring multi-context token workflows that resolve semantic references into specific color space values for each theme context.

Can I use jq and Terrazzo for transforming design tokens?▼

Yes, you can use jq, JSONata, and Terrazzo as tool integrations to validate and transform your DTCG design tokens, applying checks for naming, inheritance, and accessibility best practices.

How do design token references work across different color spaces?▼

Design token references allow values to inherit from primitives across color spaces, enabling consistent theming while resolvers manage the transformation logic for multi-platform outputs.

Do I need semantic tokens to build a scalable design system?▼

Yes, layering semantic tokens over primitives is required for scalable theming, allowing context-specific resolution like light or dark mode without altering underlying primitive definitions.

Related Skills

Explore More Design & Creative Skills→
theodrosyimertheodrosyimer

tokens

Automate DTCG design token creation, validation, and building with Style Dictionary v5.

Community
Intermediate
ilikescienceilikescience
14

design-tokens

Guide design token creation and validation per the DTCG specification.

Community
Advanced
jg-chalk-iojg-chalk-io

moai-design-systems

Automate design system creation and validation with tokens, components, and WCAG 2.2 checks.

Community
Advanced
Sir-chawakornSir-chawakorn
9

design-token-system

Architect W3C-DTCG design-token systems with Style Dictionary for multi-platform exports.

Community
Advanced