Generate Professional UI Systems With Design Intelligence

Generates complete design systems automatically, eliminating hours spent choosing styles, colors, fonts, and layouts for new projects. It uses 161 industry-specific reasoning rules to match your product type with the best visual patterns, preventing misaligned design choices that make products look unprofessional.

Once installed, you request any UI/UX work ("build a landing page", "design a dashboard"). The skill analyzes your product type and generates a complete design system in seconds, including recommended pattern, style, color palette, typography, effects, and anti-patterns specific to your industry. You can persist the system to files (MASTER.md + page overrides) for hierarchical retrieval across sessions, then reference it throughout your project.

First-pass design decisions match your industry and product type, so every page builds on tested patterns instead of guessing between competing styles.

Requires Python 3.x because the reasoning engine uses a search script that ranks and filters rules from CSV data files. CLI (npm package) handles platform-specific installation (Claude Code, Cursor, Windsurf, etc.) and generates framework templates.

Requires Python 3.x to run the design system generation script. Styling output is framework-agnostic (CSS/Tailwind/component code), so you still write the implementation code yourself. Design system output is recommendations, not final code.