What problem does it solve?
This Skill removes the manual work and guesswork of creating consistent, production-ready UI/UX design systems by producing prioritized style recommendations, color palettes, typography pairings, chart choices, and stack-specific implementation guidance for web and mobile projects.
Core Features & Use Cases
- Design system generation that aggregates domain searches (style, color, typography, landing, product) and applies reasoning rules to produce a cohesive pattern, color strategy, typography, and effects guidance.
- Stack-aware implementation advice with defaults for html-tailwind and options for react, nextjs, vue, svelte, mobile stacks, plus chart and UX recommendations.
- Persistence pattern that writes a MASTER source of truth and page-level override files for hierarchical retrieval; useful for building landing pages, dashboards, and multi-page applications quickly and consistently.
Quick Start
Run the design system generator with a clear project query and enable persistence to create a MASTER design-system and optional page override for iterative development.