vibe-coding-doc-design
Installation
SKILL.md
Vibe Coding — Design System Generator
Generate DESIGN_SYSTEM.md + globals.css. Single source of truth for all visual decisions.
Prerequisites Check
- Read
progress.txt— brand colors, style direction, font preferences from IDEATE - Check for
UI_UX_SELECTIONS:block in progress.txt → if present → READ: ## Use UI/UX Selections - Read
./docs/TECH_STACK.md— CSS approach (Tailwind vs CSS Modules vs plain CSS vs SCSS) - Read
./docs/PRD.md— app type (ecommerce, SaaS, dashboard, landing) — affects component tokens