What problem does it solve? Choosing consistent styles, color palettes, fonts, and layout patterns for a new web or mobile UI is time-consuming and often produces unprofessional results. This Skill provides a searchable design knowledge base that returns reasoned design system recommendations for any product type. ## Core Features & Use Cases - Design System Generation: Run a single query to get a complete recommendation covering layout pattern, style, color palette, typography, effects, and anti-patterns to avoid. - Domain-Specific Search: Query dedicated databases for styles, colors, charts, landing page patterns, typography, UX guidelines, and stack-specific best practices (React, Next.js, Vue, Tailwind, Flutter, and more). - Persistence with Master + Overrides: Save the generated design system to a MASTER.md file with optional per-page override files for hierarchical retrieval across sessions. - Use Case: When asked to build a landing page for a beauty spa, generate a full design system with elegant fonts, soft color palette, and conversion-optimized section order, then persist it for consistent multi-page builds. ## Quick Start Ask the AI to generate a design system for your project, for example: create a design system for a fintech dashboard with dark mode and persist it for the project.
