What problem does it solve? Choosing styles, color palettes, typography, and UX patterns for a new interface requires scattered research across design systems, accessibility standards, and framework-specific guidelines. This Skill consolidates that research into a searchable local database with a Python CLI, returning verified design recommendations for web, mobile, and desktop interfaces. ## Core Features & Use Cases - Design System Generation: The --design-system mode aggregates product, style, color, landing, and typography matches into a complete recommendation with reasoning rules, and can persist it as a Master + page-override file structure. - Domain-Specific Search: Query 12 domains including styles, colors, typography, UX guidelines, charts, icons, GSAP motion presets, and Google Fonts via a BM25-ranked search engine with calibrated abstention thresholds. - Stack-Specific Guidelines: Retrieve implementation do/don't rules with code examples for 22 stacks including React, Next.js, Vue, Svelte, Flutter, SwiftUI, and Tailwind. - Use Case: When asked to build a fintech dashboard in Next.js, run the design-system search to get a palette, font pairing, and layout pattern, then query the ux domain for accessibility rules and the nextjs stack for performance guidelines before writing components. ## Quick Start Ask the AI to design a new dashboard interface and have it run the skill's search.py script with the --design-system flag using your product type and style keywords.
