Create, validate, and export DESIGN.md files with YAML front matter.
npx skills add https://github.com/Quill-Agent/Quill-Agent --skill design-md-quill-agent
Please help me install this Agent Skill. Skill: design-md Source: https://github.com/Quill-Agent/Quill-Agent/tree/main/skills/creative/design-md Command: npx skills add https://github.com/Quill-Agent/Quill-Agent --skill design-md-quill-agent
This Skill streamlines the process of creating, validating, and exporting Google's DESIGN.md token spec files, ensuring consistency and accessibility in UI/brand development.
design-md can author the DESIGN.md file, validate it for accessibility, and export it in a usable format.Create a new DESIGN.md file with the design-md skill and provide the necessary design tokens and rationale.
High-intent search queries and answers about installing and using this skill.
You can automate DESIGN.md token spec creation by generating files with YAML front matter for tokens and Markdown for rationale, then linting the structure, token references, and WCAG contrast compliance automatically.
Yes, you can export design tokens to Tailwind CSS or W3C DTCG JSON formats, allowing direct integration of your validated design system specifications into downstream UI development environments.
Yes, defining and managing design systems with this approach requires existing knowledge of design tokens and accessibility standards to properly structure YAML front matter and pass WCAG contrast linting.
The best way to check design system versions for regressions is to compare different versions of the DESIGN.md file, validating structural changes and token references against previous accessibility compliance baselines.
WCAG contrast linting validates your design tokens by checking the color contrast ratios defined in the YAML front matter against accessibility standards, ensuring UI components meet compliance before exporting to Tailwind or W3C formats.
HarriesDefine design tokens with rationale in a single DESIGN.md file.
aivos-xieGenerate and validate Google DESIGN.md design tokens with WCAG accessibility checks.
samymityAutomate end-to-end browser QA for web applications with smoke, interaction, visual regression, and accessibility checks.
DonZzzillaAuthor and validate DESIGN.md files with structure linting, WCAG contrast checks, and version comparison.