Create and validate DESIGN.md specs with YAML tokens and WCAG checks.
npx skills add https://github.com/anxiety135790/hermes-skills --skill design-md-anxiety135790
Please help me install this Agent Skill. Skill: design-md Source: https://github.com/anxiety135790/hermes-skills/tree/main/creative/design-md Command: npx skills add https://github.com/anxiety135790/hermes-skills --skill design-md-anxiety135790
This Skill helps you define, validate, and export a formal DESIGN.md file so teams and coding agents can share one source of truth for brand and UI decisions.
Use the design-md skill to turn this brand brief into a valid DESIGN.md file and include accessibility-safe tokens.
High-intent search queries and answers about installing and using this skill.
To create a DESIGN.md spec, provide a brand brief or style guide. The system generates a structured specification with YAML front matter, canonical narrative sections, and validated token references for your design system.
Run your design tokens through the validation process to check WCAG contrast issues. It lints token references, section order, and value formats while performing WCAG contrast checks to ensure accessibility compliance.
Yes, you can export your design system tokens to Tailwind theme JSON. The validated DESIGN.md specification can be converted into matching tokens for Tailwind theme JSON or W3C DTCG token JSON for downstream implementation.
Yes, YAML front matter is required to produce a compliant design system spec. The validation process requires YAML front matter, token references, section-order validation, and WCAG contrast checks for compliant outputs.
Design tokens are exported to W3C DTCG format by converting the validated DESIGN.md specification into W3C DTCG token JSON. This allows downstream tools and coding agents to share one source of truth for brand and UI decisions.
Your DESIGN.md fails section-order validation when canonical narrative sections are not in the required sequence. The validation enforces strict section ordering alongside token reference and value format linting to produce compliant outputs.
davpatel605-beepCreate and validate DESIGN.md design token specification files with YAML front matter.
andronicsGenerate accessible color palettes and validate WCAG contrast for UI designs.
shawn-sandyExtract design tokens from Figma and generate CSS, SCSS, JSON, TypeScript, and DTCG files.
ldzhhxxValidate and convert DESIGN.md design specifications with WCAG contrast support.
