What problem does it solve? Choosing coherent styles, color palettes, typography, and stack-specific implementation rules for interfaces is slow and inconsistent. This Skill provides a searchable local knowledge base that returns verified UI/UX guidance for web, mobile, and desktop interfaces without network access. ## Core Features & Use Cases - Design System Generation: The --design-system mode aggregates product, style, color, landing, and typography matches into a complete design system with anti-patterns, and can persist it as a Master file plus per-page overrides. - Domain Searches: Query 12 domains (style, color, typography, chart, ux, landing, icons, gsap, react, web, product, google-fonts) backed by 79 styles, 192 palettes, 74 font pairings, 119 UX guidelines, and 25 chart types. - Stack Guidelines: Retrieve implementation best practices for 22 stacks including React, Next.js, Vue, SwiftUI, Flutter, and Tailwind. - Use Case: When asked to build a fintech dashboard, run a design-system search to get colors, typography, and effects, then supplement with chart and Next.js stack searches before writing code. ## Quick Start Ask the assistant to design a landing page or review an interface, and it will run the bundled search script with a design-system or domain query to produce tailored UI guidance.
