Generate and validate Google DESIGN.md design tokens with WCAG accessibility checks.
npx skills add https://github.com/aivos-xie/hermes-skills --skill design-md-aivos-xie
Please help me install this Agent Skill. Skill: design-md Source: https://github.com/aivos-xie/hermes-skills/tree/main/creative/design-md Command: npx skills add https://github.com/aivos-xie/hermes-skills --skill design-md-aivos-xie
This Skill simplifies the creation, validation, and export of Google's DESIGN.md design tokens, streamlining the process of building consistent UI/brand across multiple projects or tools.
Use the design-md skill to create a new DESIGN.md file for your project with the following command: design-md create --name "MyBrand" --description "My project's visual identity".
High-intent search queries and answers about installing and using this skill.
You can export design tokens to Tailwind CSS or W3C DTCG JSON by authoring them in a structured YAML format and using the conversion feature. This allows direct integration of your visual identity into UI development frameworks.
To validate WCAG accessibility for color contrast, you can use the built-in accessibility validation feature. It checks your design tokens to ensure color combinations meet compliance standards for accessible UI components.
The best way to create a DESIGN.md file is to use a structured YAML format for design token authoring and validation. This approach streamlines building consistent UI and brand identity across multiple projects or tools.
Yes, you can compare and diff different versions of design tokens to detect regressions. This version control capability ensures your design system remains consistent and identifies unintended visual changes over time.
Yes, this tool operates without external dependencies to help define the visual identity for UI components. It natively supports creating, validating, and exporting design tokens suitable for UI/UX designers and developers.
Validating design tokens before exporting ensures structural accuracy in YAML format and confirms WCAG color contrast compliance. This prevents accessibility regressions and visual inconsistencies from reaching your Tailwind CSS or DTCG JSON output.
truchotDefine visual identity, brand language, and governance for projects.
NITISH-gitbitValidate and export Google DESIGN.md files to Tailwind CSS or W3C DTCG JSON.
servitolaLint DESIGN.md files for token structure and WCAG compliance.
curiositechGenerate design system tokens as CSS, Tailwind config, and DTCG JSON from design trend descriptions.
