What problem does it solve? Choosing colors, fonts, layouts, and interaction patterns for a new page or app often relies on guesswork. This Skill replaces ad-hoc design decisions with searchable, data-backed recommendations covering 161 color palettes, 57 font pairings, 50 styles, 99 UX guidelines, and 25 chart types across 10 technology stacks. ## Core Features & Use Cases - Design System Generation: Run a single query to get a complete design system (pattern, style, colors, typography, effects, anti-patterns) with reasoning rules, optionally persisted as a MASTER.md plus per-page override files. - Domain-Specific Search: Query dedicated domains (color, typography, style, ux, chart, landing, icons, google-fonts) or stack-specific guideline files (React, Next.js, SwiftUI, Flutter, Tailwind, and more) using BM25-ranked search. - UI Review Checklists: Apply a priority-ordered rule catalog covering accessibility, touch targets, performance, animation, forms, navigation, and charts when reviewing existing interfaces. - Use Case: When building a fintech dashboard, invoke the design-system search to receive a recommended palette, font pairing, layout pattern, and a pre-delivery checklist before writing any component code. ## Quick Start Ask the AI to generate a design system for your product type, for example: run search.py with the query "fintech dashboard" using the --design-system flag to get recommended colors, fonts, and layout patterns.
