dux-design-md-lint
CommunityLint DESIGN.md and verify AA contrast
Design & Creative#linting#accessibility#design system#wcag#html report#token references#contrast audit
AuthorYash-1511
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill finds schema issues and accessibility contrast problems inside your project’s single source of design truth, DESIGN.md.
Core Features & Use Cases
- DESIGN.md schema validation: Checks the getdesign.md v2 9-section structure and enforces canonical prose section ordering.
- Coverage enforcement (YAML ↔ prose): Ensures every declared component exists in the Components prose and vice versa.
- Token reference validation: Flags broken
{group.name}token references in DESIGN.md prose. - WCAG contrast auditing: Computes WCAG 2.1 AA contrast for the relevant color/token pairings and produces an offline, self-contained HTML report.
- Edge-case severity interpretation: Adjusts severity for disabled/placeholder conventions, decorative hairline usage, and explicit relaxations recorded by dux-design-md (without writing back).
Quick Start
Tell the system: lint DESIGN.md to generate an offline HTML report showing any errors, warnings, and suggested fixes.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: dux-design-md-lint Download link: https://github.com/Yash-1511/bmad-dux-visual-architect/archive/main.zip#dux-design-md-lint Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.