Generate, validate, and transform DTCG JSON design tokens.
npx skills add https://github.com/thrillmade/agent-skills --skill dtcg-format
Please help me install this Agent Skill. Skill: dtcg-format Source: https://github.com/thrillmade/agent-skills/tree/main/skills/dtcg-format Command: npx skills add https://github.com/thrillmade/agent-skills --skill dtcg-format
This Skill helps in the authoring, validating, and transforming of W3C Design Tokens Format (DTCG) JSON, ensuring consistency across your design system.
Run 'dtcg-format generate my-design-system.json' to create a DTCG file for your design system.
High-intent search queries and answers about installing and using this skill.
To validate design tokens against the W3C DTCG specification, this Skill checks your DTCG JSON files for compliance. It ensures your tokenization adheres to the latest standards, supporting aliasing, inheritance, and the UDTS schema.
DTCG tokenization is authoring design tokens in the W3C Design Tokens Format. You need it to maintain consistency across your design system, allowing designers and developers to share a single source of truth for styling properties.
You convert DTCG JSON tokens to CSS variables or Tailwind formats using the transformation feature. This translates validated DTCG files into other design system formats for direct integration into your applications.
Yes, you can generate a DTCG JSON file from scratch for a new design system. The Skill provides authoring capabilities to create DTCG files, establishing your foundational design tokens with proper aliasing and inheritance.
Yes, you need prior knowledge of design token standards and DTCG specifications to use this Skill effectively. It targets designers and developers who are already integrating design tokens and need robust format validation.
The best way to migrate an existing design system to DTCG JSON is by authoring and validating your tokens through this Skill. It helps translate your current properties into compliant DTCG format, ensuring proper aliasing and inheritance.
lxt070409Author, validate, and export Google DESIGN.md files to Tailwind or W3C DTCG JSON.
Impertio-StudioAutomate Tailwind CSS setup and configuration for Next.js projects.
jg-chalk-ioAutomate design system creation and validation with tokens, components, and WCAG 2.2 checks.
svssdevaExtract design primitives from a public website into JSON and CSS token files.
