ui-ux-search

What problem does it solve?

This Skill eliminates the tedious research and inconsistency in UI/UX design by providing a searchable intelligence database of proven design patterns, color systems, typography pairings, and interaction guidelines. Instead of guessing aesthetics or manually compiling design system rules, you receive data-backed recommendations tailored to your product type, target audience, and technology stack.

Core Features & Use Cases

• Comprehensive Design Database: Access 50+ UI styles, 161 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 10 technology stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS.
• Intelligent Design System Generation: Automatically generates complete design system recommendations including layout patterns, style priorities, semantic color tokens, typography scales, and animation guidelines with reasoning rules.
• Domain-Specific Search: Query specific domains like product type patterns, accessibility standards, navigation patterns, animation timing, form feedback, and stack-specific implementation guidelines.
• Use Case: A developer building a fintech dashboard can instantly retrieve accessible color palettes, appropriate chart types for financial data, React performance best practices, and complete design system tokens to ensure visual consistency and usability.

Quick Start

Use the ui-ux-search skill to generate a complete design system for a new SaaS dashboard including recommended styles, color palettes, typography, and accessibility guidelines.