What problem does it solve? Choosing styles, color palettes, typography, and UX patterns for a new interface often relies on guesswork. This Skill provides a searchable local knowledge base of design styles, product palettes, font pairings, UX guidelines, icons, motion presets, chart types, and stack-specific rules so design decisions are grounded in curated data. ## Core Features & Use Cases - Design System Generation: Run a single query to produce a complete design system (pattern, style, colors, typography, effects, anti-patterns) and optionally persist it as a Master file with per-page overrides. - Domain-Specific Search: Query 12 domains (style, color, typography, chart, ux, icons, gsap, landing, product, react, web, google-fonts) plus 22 technology stacks including Flutter, React, Next.js, SwiftUI, and Tailwind. - Design Dials: Tune output with 1-10 variance, motion, and density sliders to bias toward minimal or bold styles, subtle or complex animation, and spacious or dense spacing. - Use Case: When building a fintech dashboard in Flutter, generate a design system for visual direction, then query the ux domain for accessibility rules and the flutter stack for implementation guidelines. ## Quick Start Ask the AI to generate a design system for your product type and stack, for example: create a design system for a mobile trading app in Flutter with dark mode.