{"enrichment":{"faq":[{"a":"design-md provides tooling to author DESIGN.md files\u2014Google's open spec for encoding design systems as machine-readable tokens with human-readable rationale. The CLI guides you through creating token sections (colors, typography, spacing, etc.), validates syntax, and ensures all tokens are properly structured. You can start from a template or port an existing style guide into the spec format.","q":"How do I write a design.md token spec?"},{"a":"Yes. design-md includes a linter that checks your DESIGN.md files for structural errors, missing required fields, and malformed token definitions. It also performs regression detection by diffing two versions to catch unintended changes. The CLI reports all issues with line numbers and remediation hints.","q":"Can design-md validate my DESIGN.md file for errors?"},{"a":"design-md can export your DESIGN.md tokens directly to Tailwind configuration format. The export command transforms your design system into a Tailwind-compatible config file, letting you use your tokens immediately in your build pipeline. You can also export to W3C DTCG JSON format for broader ecosystem compatibility.","q":"How do I export design tokens to Tailwind?"},{"a":"design-md includes accessibility validation that checks color token contrast ratios against WCAG AA and AAA standards. When you lint your DESIGN.md file, it automatically flags color pairs that fail to meet your target compliance level, helping you catch accessibility issues before deployment.","q":"Does design-md check WCAG contrast compliance?"},{"a":"design-md supports export to Tailwind configuration and W3C Design Token Community Group (DTCG) JSON formats. Both exports preserve your token structure and metadata, letting you integrate your design system into different toolchains and frameworks.","q":"What formats can design-md export to?"},{"a":"design-md helps port existing style guides into machine-readable DESIGN.md spec format. While the conversion process requires mapping your current tokens and rationale into the spec structure, the CLI provides validation and export tools to ensure the result is complete and correct.","q":"Can I convert an existing style guide to design-md?"}],"shadow_tags":["design-token-format","spec-validation","wcag-compliance","design-system-tooling","token-export","brand-consistency","accessibility-checking","yaml-markdown-hybrid","design-automation"],"summary_rewrite":"design-md lets you create and validate DESIGN.md files\u2014Google's open spec for encoding design systems as machine-readable tokens plus human-readable rationale. The included CLI lints structure, checks WCAG color contrast, diffs versions for regressions, and exports to Tailwind or W3C DTCG JSON formats."},"files":[{"bytes":6861,"path":"mateclaw-server/src/main/resources/skills/design-md/SKILL.md","sha256":"426d73baad0e9fba62058e17c381e311858c47ef88fb47d82a52df19a146e4fc","url":"https://skillfed.io/files/mateaix/mateclaw/design-md/91f84df6/SKILL.md"}],"id":"mateaix/mateclaw/design-md","links":{"html":"https://skillfed.io/mateaix/mateclaw/design-md","md":"https://skillfed.io/mateaix/mateclaw/design-md.md","repo":"https://github.com/mateaix/mateclaw"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":264,"language":"Java","last_updated":"2026-07-26","license":"Apache-2.0","name":"design-md","publisher":"mateaix","stars":796},"relations":{"similar":[{"id":"NousResearch/hermes-agent/design-md"},{"id":"vudovn/ag-kit/design-spec"},{"id":"Mineru98/skills-store/design-md-validator"},{"id":"BuildGreatProducts/builder-os/design-system"},{"id":"dadbodgeoff/drift/design-tokens"},{"id":"dembrandt/dembrandt-skills/extract-design"},{"id":"google-labs-code/stitch-skills/react-vite-dashboard"},{"id":"ibelick/ui-skills/create-design-md"},{"id":"Aradotso/marketing-skills/awesome-marketing-skills-library"},{"id":"modu-ai/moai-adk/moai-domain-uiux"}]},"slug":{"owner":"mateaix","repo":"mateclaw","skill":"design-md"},"version":"91f84df6"}