Author, validate, and export Google DESIGN.md files to Tailwind or W3C DTCG JSON.
npx skills add https://github.com/lxt070409/hermes-skills --skill design-md-lxt070409
Please help me install this Agent Skill. Skill: design-md Source: https://github.com/lxt070409/hermes-skills/tree/main/creative/design-md Command: npx skills add https://github.com/lxt070409/hermes-skills --skill design-md-lxt070409
The skill helps users manage Google's DESIGN.md design files, which are used for maintaining a consistent and accessible visual identity across multiple projects.
Author a new DESIGN.md file with the required YAML frontmatter and content.
High-intent search queries and answers about installing and using this skill.
To create a DESIGN.md file for UI branding, author a new document with the required YAML frontmatter defining visual identity tokens, and then validate and manage the content for consistent application across multiple projects.
Yes, you can export design tokens to Tailwind or W3C DTCG JSON formats. The process converts human-readable design files into machine-readable JSON outputs, directly supporting UI implementation and token management.
WCAG validation for a color palette is handled by checking the contrast ratios within the design file. This ensures the specified visual identity tokens meet accessibility standards before exporting them for UI implementation.
The best way to manage design tokens across applications is to maintain a standardized DESIGN.md file. This approach provides exact values for colors and typography, keeping the design system both machine-readable and human-readable.
Yes, the DESIGN.md authoring and validation workflow requires the google-design-cli dependency to properly process the design token structures, ensuring consistent formatting and accessibility validation across projects.
You need the W3C DTCG JSON format when converting design files for standardized UI implementation. This format structures design tokens, ensuring the visual identity is machine-readable and accessible for downstream applications.
davpatel605-beepCreate and validate DESIGN.md design token specification files with YAML front matter.
paxlabs-incAuthor, validate, and export design tokens using Google DESIGN.md.
Adelie-SquadCreate and apply design tokens for color, typography, and spacing.
lord-vinayakCalculate color contrast ratios and evaluate WCAG 2.2 compliance.
