{"enrichment":{"faq":[{"a":"Design Tokens manages design token files using the DTCG 2025.10 standard. Design tokens are reusable design decisions\u2014like colors, typography, and spacing\u2014stored 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.","q":"What are design tokens and how do they work?"},{"a":"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\u2014from organizing your tokens to generating preview pages and design documentation\u2014so you can integrate a complete token system without manual setup.","q":"How do I implement design tokens in my project?"},{"a":"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.","q":"What design token management features does this skill offer?"},{"a":"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.","q":"Can Design Tokens help with design tokens for UI and style guides?"},{"a":"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.","q":"What tools or systems does Design Tokens use for organization?"},{"a":"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.","q":"Does Design Tokens support design tokens automation and workflow?"}],"shadow_tags":["design-systems","token-management","ui-standardization","style-variables","component-theming"],"summary_rewrite":"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."},"gist":{"api_url":"https://skillfed.io/api/skills/glebis/claude-skills/design-tokens.json","as_of":"2026-07-27","description":"Design Tokens helps you set up, validate. 334 stars \u00b7 updated Jul 2026. npx skillfed install glebis/claude-skills/design-tokens","install":{"manual":["git clone https://github.com/glebis/claude-skills","cp -r claude-skills ~/.claude/skills/design-tokens"],"primary":"npx skillfed install glebis/claude-skills/design-tokens","version":"9245a6e2"},"kind":"skill","mirror_url":"https://skillfed.io/glebis/claude-skills/design-tokens.md","similar":[{"id":"mateaix/mateclaw/design-md","name":"design-md","publisher":"mateaix/mateclaw","url":"https://skillfed.io/mateaix/mateclaw/design-md"},{"id":"NousResearch/hermes-agent/design-md","name":"design-md","publisher":"NousResearch/hermes-agent","url":"https://skillfed.io/NousResearch/hermes-agent/design-md"},{"id":"yonatangross/orchestkit/design-system-tokens","name":"design-system-tokens","publisher":"yonatangross/orchestkit","url":"https://skillfed.io/yonatangross/orchestkit/design-system-tokens"},{"id":"yonatangross/orchestkit/figma-design-handoff","name":"figma-design-handoff","publisher":"yonatangross/orchestkit","url":"https://skillfed.io/yonatangross/orchestkit/figma-design-handoff"},{"id":"vudovn/ag-kit/design-spec","name":"design-spec","publisher":"vudovn/ag-kit","url":"https://skillfed.io/vudovn/ag-kit/design-spec"}],"title":"Design Tokens by glebis: Understand what design tokens are and how they work \u2014 SkillFed","use":{"when":["Design Tokens provides a dependency-free Python core to get you started quickly.","Design Tokens handles the complete token lifecycle: scaffolding token sets, validating them against the DTCG 2025.10 standard."]},"what":{"lead":"Design Tokens helps you set up, validate, and export design tokens in the DTCG 2025.10 standard format for consistent brand systems.","rest":"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."}},"id":"glebis/claude-skills/design-tokens","install":{"mode":"external","repo":"https://github.com/glebis/claude-skills"},"links":{"html":"https://skillfed.io/glebis/claude-skills/design-tokens","md":"https://skillfed.io/glebis/claude-skills/design-tokens.md","repo":"https://github.com/glebis/claude-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":51,"language":"JavaScript","last_updated":"2026-07-27","license":null,"name":"Design Tokens","publisher":"glebis","stars":334},"relations":{"similar":[{"id":"mateaix/mateclaw/design-md"},{"id":"NousResearch/hermes-agent/design-md"},{"id":"TheBeardedBearSAS/claude-craft/design-md-convention"},{"id":"glebis/claude-skills/tufte-report"},{"id":"yonatangross/orchestkit/design-system-tokens"},{"id":"yonatangross/orchestkit/figma-design-handoff"},{"id":"0xsline/OpenChatCut/image-gen"},{"id":"fal-ai-community/skills/fal-redesign"},{"id":"vudovn/ag-kit/design-spec"},{"id":"alekspetrov/navigator/product-design"}]},"slug":{"owner":"glebis","repo":"claude-skills","skill":"design-tokens"},"version":"9245a6e2"}