What problem does it solve? Choosing coherent styles, colors, fonts, and interaction patterns for a new interface is slow and inconsistent, and generic advice often ignores accessibility, responsive layout, and the actual framework in use. This Skill provides a searchable local knowledge base of UI/UX guidance so design decisions are grounded in curated data rather than guesswork. ## Core Features & Use Cases - Design System Generation: Aggregates product type, style, color, landing pattern, and typography matches into a complete design system, with optional variance, motion, and density dials, and can persist it as a Master file plus per-page overrides. - Domain-Specific Search: Queries 12 domains including styles, color palettes, font pairings, UX guidelines, icons, GSAP animation presets, chart types, and Google Fonts via a BM25 search script. - Stack-Specific Guidelines: Returns implementation rules for 22 stacks such as React, Next.js, Vue, SwiftUI, Flutter, and Tailwind. - Use Case: When asked to build an AI search homepage in a Next.js project, generate a design system, look up keyboard-focus UX rules, then fetch Next.js performance guidelines before writing the components. ## Quick Start Ask the assistant to design a landing page for your product and it will run the search script to produce a design system with colors, fonts, and layout patterns.
