Author, validate, and export design tokens using Google DESIGN.md.
npx skills add https://github.com/paxlabs-inc/ion-agent --skill design-md-paxlabs-inc
Please help me install this Agent Skill. Skill: design-md Source: https://github.com/paxlabs-inc/ion-agent/tree/main/skills/creative/design-md Command: npx skills add https://github.com/paxlabs-inc/ion-agent --skill design-md-paxlabs-inc
This skill solves the fragmentation of design systems by providing a standardized, machine-readable format for communicating visual identity, tokens, and accessibility requirements to coding agents.
Ask the agent to create a new DESIGN.md file for your project by providing your brand colors and typography preferences.
High-intent search queries and answers about installing and using this skill.
To convert design tokens into Tailwind CSS themes, you can author a DESIGN.md specification and use automated export features to generate the Tailwind configuration. This ensures your visual identity translates seamlessly into developer-ready CSS variables.
Validating WCAG accessibility compliance involves automatically checking color contrast ratios against AA and AAA standards within a DESIGN.md specification. This process verifies your design tokens meet accessibility requirements before UI implementation.
Yes, you can export design system specifications as W3C DTCG JSON. By authoring your visual identity in the Google DESIGN.md format, automated conversion generates standardized JSON for developer consumption.
Standardizing visual identity requires authoring a machine-readable DESIGN.md file containing your brand colors, typography, and spacing tokens. Linting token references ensures consistent UI implementation across multiple projects.
No external dependencies are required to use this design token specification tool. It operates independently to author, validate, and export DESIGN.md files, allowing seamless integration into existing development workflows.
To define colors and typography for coding agents, use the Google DESIGN.md format. This machine-readable specification communicates visual identity and accessibility requirements directly to automated coding workflows.
ZiadNagarApply brand colors, fonts, and style rules to documents and designs.
aivos-xieGenerate and validate Google DESIGN.md design tokens with WCAG accessibility checks.
josephblaisValidate design system tokens against WCAG AA/AAA accessibility standards.
InverterNetworkAuthor, validate and export DESIGN.md tokens to Tailwind CSS and W3C DTCG formats.
