design-system

Captures the user's brand identity once via a 10-question onboarding wizard (primary/accent HEX + heading + body Google Fonts + design style editorial/technical/minimal/playful + default output directory + syntax theme + TOC behavior + optional logo/company), validates body-text and link contrast against WCAG 2.2 AA, derives 12 CSS custom properties in HSL space, and stores the result for every markdown-html converter to consume. Use before any markdown-html conversion. Triggers on first-run onboarding ("set up the brand", "configure markdown-html", "run onboarding"), on explicit reset ("reset the design system", "re-onboard"), and is checked by every converter via config_loader.py before rendering. Refuses to save if body-text contrast fails AA 4.5:1 or the output dir isn't writable. Precedence is project (./.markdown-html/), then global (~/.config/markdown-html/), then built-in defaults; MARKDOWN_HTML_NO_CONFIG=1 bypasses.

• SKILL.md11,312 bytes
• assets/design_system_schema.json4,719 bytes
• references/design_token_canon.md4,350 bytes
• references/typography_pairing.md5,285 bytes
• references/wcag_accessibility.md4,362 bytes
• scripts/brand_palette_validator.py12,329 bytes
• scripts/config_loader.py4,815 bytes
• scripts/onboard.py9,993 bytes