Lint, diff, and transform design tokens into Tailwind or W3C DTCG formats.
npx skills add https://github.com/heysuhas/hermes_cli --skill design-md-heysuhas
Please help me install this Agent Skill. Skill: design-md Source: https://github.com/heysuhas/hermes_cli/tree/main/skills/creative/design-md Command: npx skills add https://github.com/heysuhas/hermes_cli --skill design-md-heysuhas
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 tools.
Ask the agent to lint the current DESIGN.md file in the project root to ensure all token references are valid and color contrast meets accessibility standards.
High-intent search queries and answers about installing and using this skill.
Design tokens are standardized for UI components by authoring a DESIGN.md file that combines YAML tokens with Markdown rationale. This machine-readable format ensures consistent token application and solves visual identity fragmentation across codebases and design tools.
Yes, you can export design tokens to Tailwind theme JSON or W3C DTCG compliant formats. The skill transforms standardized DESIGN.md specifications into these formats for seamless integration into engineering development workflows.
You lint a DESIGN.md file by running structural validation against the project root to detect broken token references. This automated process ensures all visual identity token mappings are structurally sound and correctly linked.
Yes, you need the @google/design.md CLI tool to author, validate, and transform design token specs. It performs the structural validation, linting, and WCAG accessibility checks required for the DESIGN.md format.
The best way to maintain visual identity consistency is using a standardized DESIGN.md specification to document tokens. This provides a single machine-readable source of truth that prevents fragmentation across codebases and design tools.
richardnguyen0715Create, validate, and export Google DESIGN.md files with YAML front matter.
zeronx798Create, lint, and export design tokens via Google DESIGN.md.
aivos-xieGenerate and validate Google DESIGN.md design tokens with WCAG accessibility checks.
LamseyahEliasAuthor, validate, and export DESIGN.md tokens to Tailwind or DTCG JSON.
