Define and validate design tokens in a DESIGN.md file.
npx skills add https://github.com/jleechanorg/hermes-agent --skill design-md-jleechanorg
Please help me install this Agent Skill. Skill: design-md Source: https://github.com/jleechanorg/hermes-agent/tree/main/skills/creative/design-md Command: npx skills add https://github.com/jleechanorg/hermes-agent --skill design-md-jleechanorg
The DESIGN.md skill enables consistent, machine- and human-readable design system definitions by combining YAML tokens with Markdown rationale, and provides linting, diffing, and export capabilities for design systems.
Create a DESIGN.md in your project root that defines tokens and styles, then use the skill to lint, diff, and export.
High-intent search queries and answers about installing and using this skill.
You can lint a DESIGN.md file to validate its structure, token references, and WCAG contrast. This workflow checks your YAML frontmatter, token types, and canonical sections to ensure design system consistency.
Yes, you can export design tokens to Tailwind or DTCG JSON. The skill processes your DESIGN.md file and generates outputs for downstream tooling, enabling consistent branding across multiple projects.
The best way to track design token regressions is to use the diff workflow on your DESIGN.md file. This process compares versions to detect changes in tokens or typography, preventing unintended visual regressions.
Yes, you need YAML frontmatter to define a design system in Markdown. The DESIGN.md skill requires specific name and description fields, alongside token types and canonical sections, to establish a machine-readable source of truth.
Combining YAML tokens with Markdown rationale improves design systems by creating a single source of truth that is both machine-readable for automated linting and human-readable for design context and decision tracking.
To pass lint checks, a DESIGN.md file should include YAML frontmatter with name and description, defined token types, canonical sections, and properly formatted token references for WCAG contrast validation.
jparkerwebReverse-engineer a website's visual design into a DESIGN.md file with YAML tokens.
johnlindquistManage design tokens and export them to CSS, JSON, and Tailwind config.
servitolaLint DESIGN.md files for token structure and WCAG compliance.
AissenLiuValidate DESIGN.md files and export design tokens to Tailwind or DTCG JSON.
