skills.rest
lengoctuong2005
lengoctuong2005COMMUNITY
Explore all skills by this author →
GitHub

design-md

Manage and validate Google DESIGN.md spec files for visual identity tokens.

5|1|Updated Mar 24, 2026
Search Tags:#ui#accessibility#tokens#google#design-system#design.md
One-click install
npx skills add https://github.com/lengoctuong2005/Branding-Focused-Skills --skill design-md-lengoctuong2005
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/lengoctuong2005/Branding-Focused-Skills/tree/main/antigravity/skills/hermes-collection/creative/design-md
Command: npx skills add https://github.com/lengoctuong2005/Branding-Focused-Skills --skill design-md-lengoctuong2005

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @google/design.md, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the management and validation of Google's DESIGN.md token spec files, ensuring consistency and accessibility in design systems.

Core Features & Use Cases

  • Author/Validate/Export: Create, validate, and export DESIGN.md files for visual identity descriptions.
  • CLI Tools: Utilize the CLI for linting, version diffing, and exporting to Tailwind or W3C DTCG JSON.
  • Accessibility: Offers WCAG contrast validation for color palettes.
  • Use Case: When you need to integrate design tokens into your project and ensure they meet accessibility standards.

Quick Start

Use the design-md skill to lint the DESIGN.md file 'brand-guide.md'.

Frequently Asked Questions about design-md

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I validate DESIGN.md token spec files for accessibility?▼

To validate DESIGN.md token spec files, you can use this Skill to lint visual identity descriptions and perform WCAG contrast checks. It ensures your color palettes meet strict accessibility standards before integration.

Can I export design tokens from DESIGN.md to JSON or Tailwind?▼

Yes, you can export DESIGN.md files to W3C DTCG JSON or Tailwind formats. The Skill utilizes the design.md CLI tool to convert visual identity tokens for direct integration into your project configuration.

Do I need the design.md CLI tool to lint visual identity tokens?▼

Yes, the design.md CLI tool is required for operations. The Skill relies on this dependency to execute linting, version comparison, and token export tasks for your DESIGN.md spec files.

What is the best way to compare different versions of design token specs?▼

The best way to compare design token specs is by running version diffing through the design.md CLI. This Skill supports version comparison to track changes in visual identity tokens across updates.

Why does my WCAG contrast validation fail when authoring design tokens?▼

WCAG contrast validation fails when color palettes do not meet accessibility thresholds. Use this Skill to lint your DESIGN.md files, identify contrast violations, and adjust visual identity tokens for compliance.

Related Skills

Explore More Design & Creative Skills→
shuff57shuff57

design-md

Create, validate, and export Google DESIGN.md files to Tailwind CSS and W3C DTCG JSON.

Community
Intermediate
lxt070409lxt070409
1

design-md

Author, validate, and export Google DESIGN.md files to Tailwind or W3C DTCG JSON.

Community
Intermediate
Likas07Likas07

ui-designer

Generate UI design systems with design tokens and WCAG AA accessibility.

Community
Advanced
LamseyahEliasLamseyahElias

design-md

Author, validate, and export DESIGN.md tokens to Tailwind or DTCG JSON.

Community
Intermediate