What problem does it solve? Designing professional, non-generic UI requires recalling hundreds of decisions—style direction, font pairing, color palettes, accessibility rules, and stack-specific patterns. This Skill provides a searchable design intelligence database plus deep references so every UI task starts from proven guidance instead of guesswork. ## Core Features & Use Cases - BM25 Design Search: Query 50 styles, 21 color palettes, 50 font pairings, 20 chart types, and 9 tech stacks (html-tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, shadcn) via a Python search script. - 18 Deep References + Ready Assets: Covers typography, glassmorphism, animation, forms, dashboards, accessibility, dark mode, admin app shells, page templates, and 3-layer design tokens, plus 57 complete HTML style examples, 80+ OFL fonts, and component templates. - Quality Guardrails: Enforces a Measure-Before-Match workflow for visual alignment tasks and a 35-point pre-delivery checklist covering contrast, states, animation performance, and WCAG compliance. - Use Case: When asked to build a beauty spa landing page, search product, style, typography, color, and landing domains, then synthesize the results into a complete Tailwind implementation with verified contrast and responsive breakpoints. ## Quick Start Ask the AI to design a landing page or dashboard for your product, and it will search the design database for style, typography, color, and stack guidance before implementing.
