‹ The Index

Design System

skill

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 configloader.py before rendering. Refuses to save if body-text contrast fails AA 4.5:1 or the output dir isn't writable. Precedence: project (./.markdown-html/) global (~/.config/markdown-html/) built-in defaults; MARKDOWNHTMLNOCONFIG=1 bypasses.

Works with: Claude Code, Cursor, Codex CLI

Category: Productivity — see all ranked ›

Work: Visual design

Who it is for: Designer

Security audit

Not scanned yet. We audit npm-published capabilities for known advisories, install-time scripts and permission surface; this one has no npm package we can resolve, or has not reached the queue.

source ↗  ·  skill:alirezarezvani/design-system

Already running this? npx tashan-cli doctor checks your whole config against the Index — how it works ›