Lint DESIGN.md files and export design tokens to Tailwind or DTCG formats.
npx skills add https://github.com/Rheasilvia/hermes-desktop --skill design-md-rheasilvia
Please help me install this Agent Skill. Skill: design-md Source: https://github.com/Rheasilvia/hermes-desktop/tree/main/skills/creative/design-md Command: npx skills add https://github.com/Rheasilvia/hermes-desktop --skill design-md-rheasilvia
This Skill solves the fragmentation of visual identity by providing a standardized, machine-readable format for design tokens that ensures consistency across codebases and design systems.
Use the design-md skill to lint the current DESIGN.md file in the project root and export it to a tailwind.theme.json file.
High-intent search queries and answers about installing and using this skill.
You can export design tokens to a Tailwind CSS theme by authoring a visual identity spec using the DESIGN.md format and converting the YAML tokens into a tailwind.theme.json file for direct integration into your development workflow.
The DESIGN.md specification is a standardized, machine-readable format that combines YAML design tokens with Markdown rationale to document visual identity and ensure consistent token application across UI components and codebases.
You can validate design tokens for WCAG accessibility compliance by using the @google/design.md CLI tool to lint your DESIGN.md file, checking for broken token references, structural integrity, and contrast standards.
Yes, the @google/design.md CLI tool is required to enforce structural integrity, lint files for broken token references, and validate WCAG contrast standards within your project's design system.
Yes, you can convert design tokens into W3C DTCG JSON, Tailwind CSS themes, or CSS variables, enabling seamless integration of your visual identity specs into various cross-platform development workflows.
Standardizing visual identity documentation is best achieved by using a machine-readable format like DESIGN.md, which provides a consistent structure for design tokens and rationale to prevent fragmentation across different codebases and design systems.
LamseyahEliasAuthor, validate, and export DESIGN.md tokens to Tailwind or DTCG JSON.
NITISH-gitbitValidate and export Google DESIGN.md files to Tailwind CSS or W3C DTCG JSON.
ArieGoldkinGenerate design tokens, React component templates, and WCAG 2.1 accessibility documentation.
anthrilGenerate W3C Design Tokens JSON and export CSS variables, Tailwind v4, and Style Dictionary formats.
