Create, lint, and export design tokens via Google DESIGN.md.
npx skills add https://github.com/zeronx798/demo-hermes-agent --skill design-md-zeronx798
Please help me install this Agent Skill. Skill: design-md Source: https://github.com/zeronx798/demo-hermes-agent/tree/main/skills/creative/design-md Command: npx skills add https://github.com/zeronx798/demo-hermes-agent --skill design-md-zeronx798
This skill solves the fragmentation of visual identity documentation by providing a standardized, machine-readable format that ensures design tokens are consistent, accessible, and ready for implementation across any project.
Use the design-md skill to lint the current DESIGN.md file in the project root and export the tokens to a tailwind.theme.json file.
High-intent search queries and answers about installing and using this skill.
You can validate WCAG contrast ratios by linting color palettes against accessibility standards. This process checks your UI colors to ensure compliance and flags any combinations that fail contrast validation.
You can export design tokens to a Tailwind theme configuration by converting your visual identity documentation. This generates a production-ready theme file for seamless integration into your development workflow.
The DESIGN.md specification is a standardized, machine-readable format that combines human-readable rationale with YAML tokens. It ensures visual identity documentation remains consistent and ready for implementation across any project.
Yes, you can convert your design tokens into W3C DTCG JSON format. This multi-format export capability ensures seamless integration of your visual identity standards into broader development workflows.
No specific framework is required to lint design tokens. You simply need a DESIGN.md file in your project root to validate accessibility contrast ratios and export production-ready theme files.
Standardizing UI design documentation is best achieved by authoring formal DESIGN.md files. This approach provides a machine-readable format that ensures design tokens remain consistent, accessible, and ready for implementation.
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.
GrupoUSProvide GPUS Navy/Gold CSS variables, Tailwind v4 configs, and shadcn/ui settings.
dylantarreTransform design tokens into CSS, SCSS, Swift, and Android XML outputs.
