Design Tokens
Design Tokens manages design token files using the DTCG 2025.10 standard with a dependency-free Python core. It scaffolds token sets, validates them against the spec, merges project overrides with global brand bases, resolves aliases, and exports to CSS custom properties. The skill also generates preview pages, design documentation, and generation prompts for on-brand image creation.
Design Tokens helps you set up, validate, and export design tokens in the DTCG 2025.10 standard format for consistent brand systems.
AI-generated summary based on this skill's SKILL.md
Install
glebis/claude-skills/design-tokens · repository language: JavaScript
git clone https://github.com/glebis/claude-skills
cp -r claude-skills ~/.claude/skills/design-tokensgenerated, unverified - the skill's exact subdirectory could not be determined; check the repository on GitHub
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What are design tokens and how do they work?
Design Tokens manages design token files using the DTCG 2025.10 standard. Design tokens are reusable design decisions—like colors, typography, and spacing—stored as variables. Design Tokens scaffolds token sets, validates them against the spec, resolves aliases between tokens, and exports them to CSS custom properties so your entire design system stays synchronized across projects.
How do I implement design tokens in my project?
Design Tokens provides a dependency-free Python core to get you started quickly. It scaffolds token sets for your project, merges project-specific overrides with global brand bases, and exports to CSS custom properties automatically. The skill handles the full workflow—from organizing your tokens to generating preview pages and design documentation—so you can integrate a complete token system without manual setup.
What design token management features does this skill offer?
Design Tokens handles the complete token lifecycle: scaffolding token sets, validating them against the DTCG 2025.10 standard, merging project overrides with global brand bases, resolving token aliases, and exporting to CSS custom properties. It also generates preview pages and design documentation to keep your team aligned on token usage and changes.
Can Design Tokens help with design tokens for UI and style guides?
Yes. Design Tokens generates preview pages and comprehensive design documentation that serve as living style guides. It also creates generation prompts for on-brand image creation, ensuring your UI stays consistent. The skill's validation and export features guarantee your tokens meet the DTCG standard and work seamlessly across CSS and design tools.
What tools or systems does Design Tokens use for organization?
Design Tokens uses the DTCG 2025.10 standard as its foundation for token organization and validation. It includes a dependency-free Python core for processing, scaffolding, merging, and exporting tokens. The skill organizes tokens into sets, resolves aliases, and exports to CSS custom properties, making it compatible with modern design workflows and frameworks.
Does Design Tokens support design tokens automation and workflow?
Design Tokens automates the entire token workflow: scaffolding sets, validating against the DTCG spec, merging overrides with brand bases, resolving aliases, and exporting to CSS. It also generates preview pages and documentation automatically, reducing manual work and keeping your design system synchronized across all projects.