Design System Generator

How This Skill Works

Takes business context (name, industry, brand personality, existing colors/fonts, inspiration targets) and produces a complete DESIGN.md file with 9 sections (10 for tri-lingual sites). The output is consumed by website-rebuild, local-business-rebuild, and azerbaijan-website-build pipelines during their build phases as the single source of truth for all visual implementation.

The DESIGN.md format is structured for machine consumption. Every value is explicit (hex codes, pixel values, font weights) so that downstream agents can translate the spec directly into CSS/Tailwind without interpretation or guesswork.

Input Requirements

Gather these before starting generation: