Author, validate, and export DESIGN.md design token files to Tailwind or W3C DTCG JSON.
npx skills add https://github.com/Signmanal/VIGIL --skill design-md-signmanal
Please help me install this Agent Skill. Skill: design-md Source: https://github.com/Signmanal/VIGIL/tree/main/skills/creative/design-md Command: npx skills add https://github.com/Signmanal/VIGIL --skill design-md-signmanal
This Skill eliminates the friction of creating consistent, accessible, machine-readable design system specifications that sync across tools and projects, removing manual token management and WCAG compliance guesswork.
Use the design-md skill to create a validated DESIGN.md file for my brand's design system with a primary color of #1A1C1E and Inter as the base typeface.
High-intent search queries and answers about installing and using this skill.
To create a machine-readable design token specification, you can author a structured DESIGN.md file with valid YAML frontmatter. This generates a single source of truth for your brand's visual identity, ensuring tokens are structured and consistent.
You can validate WCAG contrast ratios by running automated linting checks on your design token specifications. This process detects invalid token values and ensures your UI color combinations meet accessibility compliance standards before frontend integration.
Yes, you can export validated design token specifications directly to Tailwind theme JSON or W3C DTCG format. This conversion provides machine-readable output for seamless integration into your frontend development workflow.
The best way to manage design tokens across multiple tools is maintaining a single DESIGN.md file as your source of truth. You can then lint it for accessibility and export the validated tokens to various formats for your team's frontend projects.
Broken token references and duplicate sections occur when design token specs are managed manually without linting. Running automated validation checks identifies these structural errors, ensuring your design system specifications remain error-free.
No specific framework is required to author DESIGN.md files. You can generate a spec-compliant file with valid YAML frontmatter by providing your brand's design tokens, such as a primary color hex code and base typeface.
keremtoker468-dotcomApply Anthropic brand HEX colors and Poppins/Lora typography to artifacts.
AissenLiuValidate DESIGN.md files and export design tokens to Tailwind or DTCG JSON.
Everyone-Needs-A-CopilotProvide reusable visual design patterns and design tokens for UI consistency.
freedomw1987Create DESIGN.md files and export design tokens to Tailwind or W3C DTCG JSON.
