Automate DTCG design token creation, validation, and building with Style Dictionary v5.
npx skills add https://github.com/theodrosyimer/.dotfiles --skill tokens-theodrosyimer
Please help me install this Agent Skill. Skill: tokens Source: https://github.com/theodrosyimer/.dotfiles/tree/main/claude/skills/ds__tokens Command: npx skills add https://github.com/theodrosyimer/.dotfiles --skill tokens-theodrosyimer
Creating and maintaining design tokens across primitive and semantic layers to ensure consistent UI theming and rapid iteration.
Install the design-tokens tooling and run the build to generate dist outputs from tokens/, ensuring the pipeline runs Style Dictionary v5 to produce CSS variables and TS constants.
High-intent search queries and answers about installing and using this skill.
You can convert design tokens to CSS variables and TypeScript constants by running Style Dictionary v5 to build dist outputs from your tokens directory. This automates generating CSS variables, TS constants, and RN values from primitive and semantic layers.
The DTCG format is a standardized structure for design tokens that ensures consistent naming and theming. This Skill automates converting your tokens to DTCG format, validating JSON against allowed types and enforcing kebab-case naming.
Validating design token JSON involves checking your token files against allowed types and enforcing kebab-case naming conventions. This Skill automates that validation process to ensure your primitive and semantic tokens are correctly structured.
Yes, Style Dictionary v5 supports building outputs from both primitive and semantic token architectures. This Skill integrates with it to generate CSS variables, TypeScript constants, and RN values from your DTCG-formatted tokens.
Migrating between design token architectures is best handled by automating token name updates and converting layers to the DTCG format. This Skill helps modify, validate, and rebuild tokens to ensure consistent UI theming during migration.
A Style Dictionary build might fail if token JSON contains invalid types or non-kebab-case names. This Skill validates your tokens against allowed types before building to prevent pipeline failures and ensure successful CSS variable generation.
zerx-labEnforce Rust GPUI coding standards for error handling and naming conventions.
allthingslinuxStandardize Tailwind CSS design tokens and component variants for scalable UI.
Higashi-KotaGenerate CSS variables and Tailwind theme from JSON design tokens.
anthrilGenerate W3C Design Tokens JSON and export CSS variables, Tailwind v4, and Style Dictionary formats.
