What problem does it solve? Designing professional, consistent user interfaces requires knowing which styles, color palettes, font pairings, and layout patterns fit a given product type and tech stack. This Skill replaces guesswork with a searchable design intelligence database covering 50 styles, 21 palettes, 50 font pairings, 20 chart types, and 9 technology stacks. ## Core Features & Use Cases - Searchable Design Database: Query domains like product, style, typography, color, landing page structure, charts, and UX best practices via a Python search script. - Stack-Specific Guidelines: Get implementation best practices for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and shadcn/ui. - Pre-Delivery Quality Checklist: Built-in rules for icons, hover states, light/dark mode contrast, spacing, and accessibility to avoid common unprofessional UI mistakes. - Use Case: When asked to build a landing page for a beauty spa, the Skill searches product recommendations, elegant style guides, luxury font pairings, and spa color palettes, then synthesizes them into a complete design implementation. ## Quick Start Ask the AI to design a landing page for your product and it will search the design database for styles, colors, fonts, and stack guidelines before implementing the UI.
