Author, validate, and export Google DESIGN.md files with YAML front matter.
npx skills add https://github.com/kngender5/hermes --skill design-md-kngender5
Please help me install this Agent Skill. Skill: design-md Source: https://github.com/kngender5/hermes/tree/main/skills/creative/design-md Command: npx skills add https://github.com/kngender5/hermes --skill design-md-kngender5
This Skill automates the creation, validation, and exporting of Google's DESIGN.md files, streamlining the process of developing visual identities for coding agents.
Run the 'design-md' skill with a new design file to generate the required front matter and create your DESIGN.md file.
High-intent search queries and answers about installing and using this skill.
A DESIGN.md file defines visual identities for coding agents using YAML front matter and design tokens. You need one to structure branding guidelines and ensure WCAG compliance before exporting to development frameworks like Tailwind CSS.
Automate DESIGN.md authoring and validation by running the design-md skill, which generates YAML front matter, lints structural compliance, checks token references, and verifies WCAG accessibility standards automatically.
Yes, you can export DESIGN.md tokens to Tailwind theme JSON and W3C DTCG JSON formats. This allows direct integration of your validated design tokens into Tailwind CSS web development workflows.
Yes, you need npm CLI installed to execute the design-md skill for file input and output operations. The skill relies on the npm environment to parse YAML, validate structure, and export W3C DTCG JSON.
Manage design system token versions by using the design-md skill to diff structural changes and lint YAML front matter. This ensures consistent token references and WCAG compliance across version updates before exporting.
DESIGN.md validation fails when YAML front matter contains broken token references or insufficient color contrast ratios. The linter checks structural integrity and WCAG compliance to prevent invalid tokens from exporting to Tailwind or W3C DTCG JSON.
BaoNguyen09Install Node.js and project dependencies on macOS for development.
AissenLiuValidate DESIGN.md files and export design tokens to Tailwind or DTCG JSON.
shawn-sandyExtract design tokens from images into W3C DTCG JSON, CSS custom properties, SCSS variables, and Tailwind-style utilities.
Quill-AgentCreate, validate, and export DESIGN.md files with YAML front matter.
