What problem does it solve? Choosing colors, typography, layout patterns, and styles for a new interface is slow and inconsistent without design expertise. This Skill provides a searchable design intelligence database and a reasoning engine that produces complete design system recommendations for any product type. ## Core Features & Use Cases - Design System Generator: Aggregates product, style, color, landing pattern, and typography data into a complete design system with hex palettes, font pairings, effects, anti-patterns, and a pre-delivery checklist, with optional persistence to a MASTER.md plus page-override files. - BM25 Search Engine: Searches 10 domains (styles, colors, charts, landing patterns, products, UX guidelines, typography, icons, React performance, web interface) and 13 stack-specific guideline sets (React, Next.js, Vue, Svelte, SwiftUI, Flutter, Tailwind, and more). - Use Case: Ask to build a landing page for a fintech product, and the Skill returns a recommended pattern, style, color palette, typography pairing, effects to apply, anti-patterns to avoid, and stack-specific implementation guidelines. ## Quick Start Ask the assistant to generate a design system for your product, for example: build a landing page for my SaaS dashboard with a dark mode style.
