Design Tokens Skill

This skill helps you create, organize, and manage design tokens for scalable design systems. I'll guide you through token architecture, naming conventions, and implementation across different formats.

What Are Design Tokens?

Design tokens are named entities that store visual design attributes. They create a single source of truth for design decisions and enable consistent styling across platforms and tools.

Token Hierarchy

Global Tokens (Foundation)
    ↓
Semantic Tokens (Purpose/Context)
    ↓
Component Tokens (Specific Usage)

Token Categories