Claude CodeCursorWindsurfAntigravityGitHub CopilotKiroCodexQoder

Design Intelligence

UI UX Pro Max Design Intelligence

Searchable database of UI styles, color palettes, font pairings, chart types, and UX guidelines. Build beautiful interfaces with AI-powered design recommendations.

57UI Styles
95Color Palettes
56Font Pairings
8Tech Stacks
24Chart Types
29Landing Patterns

Everything You Need for Beautiful UI

Comprehensive design intelligence at your fingertips. Search, discover, and implement stunning interfaces with AI-powered recommendations.

Design Styles

Glassmorphism, Neumorphism, Minimalism, Brutalism, Aurora UI, and 45+ more styles with colors, effects, and framework compatibility.

GlassmorphismDark ModeMotion-Driven

Color Palettes

Product-specific color systems for SaaS, E-commerce, Healthcare, Fintech, and more. Includes Primary, Secondary, CTA, Background, Text, and Border.

SaaSHealthcareE-commerce

Typography

50+ font pairings with Google Fonts integration, Tailwind configs, and mood-based recommendations.

Space GroteskInterPlayfair

Chart Types

Data visualization recommendations with library suggestions (Chart.js, Recharts, D3.js) and accessibility notes.

LineBarPieHeatmap

Landing Patterns

14 conversion-optimized page structures with CTA placement strategies and color recommendations.

Hero + FeaturesVideo-FirstPricing

UX Guidelines

Best practices and anti-patterns for animation, accessibility, z-index, loading states, and more.

AnimationA11yPerformance

8 Tech Stacks Supported

Framework-specific best practices, patterns, and code examples. Get guidelines tailored to your technology stack.

React

State, hooks, performance patterns

Next.js

SSR, routing, API routes

Vue

Composition API, Pinia, Vue Router

Svelte

Runes, stores, SvelteKit

SwiftUI

Views, State, Navigation

React Native

Components, Navigation, Lists

Flutter

Widgets, State, Theming

Tailwind

Utilities, responsive, a11y

How It Works

From prompt to production-ready UI in 6 intelligent steps

1

Your Prompt

Build a landing page for a pet grooming service. Playful and friendly style, with booking CTA.

2

AI Reasoning

Product: pet-service
Style: playful, friendly
Page: landing
CTA: booking
→ Searching: product, style, typography, color, landing, ux domains...
3

Search Design Database

PRODUCT Pet Tech App
STYLE Micro-interactions
TYPOGRAPHY Fredoka + Nunito
LANDING Hero + Features + CTA
UX RULE Use animations for loading only
COLORS Primary: #3B82F6 Secondary: #60A5FA CTA: #F97316 Background: #F8FAFC Text: #1E293B
4

Generate Code

<!-- Pet Grooming Landing -->
<section class="bg-[#F8FAFC]">
  <h1 "font-['Fredoka'] text-[#1E293B]">
    Happy Pets, Happy Life
  </h1>
  <button "bg-[#F97316] hover:bg-[#EA580C]">
    Book Grooming
  </button>
</section>
5

Quality Checklist

  • SVG icons (no emoji)
  • Hover feedback
  • Dark mode contrast
  • Responsive layout

Ready to Build Beautiful Interfaces?

Get started with UI UX Pro Max skill for Claude Code. Design intelligence at your fingertips.

✓ Open SourceClaude Code CompatibleProduction Ready