Manage Google DESIGN.md token specifications for design system documentation.
npx skills add https://github.com/cxnaive/hermes-agent-llbot --skill design-md-cxnaive
Please help me install this Agent Skill. Skill: design-md Source: https://github.com/cxnaive/hermes-agent-llbot/tree/main/skills/creative/design-md Command: npx skills add https://github.com/cxnaive/hermes-agent-llbot --skill design-md-cxnaive
This skill solves the fragmentation of design systems by providing a standardized, machine-readable format that bridges the gap between visual identity and implementation.
Use the design-md skill to lint the current DESIGN.md file in the project root for accessibility and structural errors.
High-intent search queries and answers about installing and using this skill.
You can lint a DESIGN.md file for WCAG accessibility compliance by validating token reference integrity and canonical section ordering. The skill automatically checks visual identity documentation against accessibility standards to ensure design system consistency.
Export design tokens to Tailwind CSS by converting machine-readable YAML tokens from the DESIGN.md file. This multi-format export also supports W3C DTCG JSON and CSS variables for seamless integration into web development workflows.
A DESIGN.md token specification is a standardized, machine-readable format that bridges visual identity and implementation. It combines YAML tokens with human-readable design rationale to document and maintain design systems for web and UI development.
Yes, you can validate design tokens for WCAG compliance and token reference integrity. The skill lints design specs to ensure accessibility standards are met and that token references remain structurally consistent across the documentation.
Yes, design-md supports W3C DTCG JSON format for cross-platform design systems. It facilitates converting design tokens into W3C DTCG JSON, Tailwind CSS themes, or CSS variables to ensure seamless integration across different development environments.
Managing design system fragmentation with markdown specs relies on maintaining a strict canonical section ordering and valid YAML token references. The process requires consistent linting to prevent structural errors and ensure accessibility compliance across the documentation.
jparkerwebReverse-engineer a website's visual design into a DESIGN.md file with YAML tokens.
aivos-xieGenerate and validate Google DESIGN.md design tokens with WCAG accessibility checks.
wahidyankfGuide TypeScript React UI development with repo-specific design tokens and WCAG compliance.
icyzhLint DESIGN.md files and export design tokens to Tailwind CSS or W3C DTCG.
