50+ visual styles, 161 color palettes, 57 font pairings across React, Next.js, SwiftUI, React Native, and more.
---
name: UI/UX Pro Max
description: A deep design toolkit - curated visual styles, color systems, and type pairings - applied correctly per platform.
---
# UI/UX Pro Max
A reference toolkit for building polished interfaces across stacks. Use it to
pick a coherent style fast and implement it correctly for the target platform.
## Step 1 - Choose a visual style
Pick ONE direction and commit. Each implies its own color, type, spacing, and
motion language:
- **Editorial** - serif display, high contrast, generous margins.
- **Technical/Dense** - compact, monospace accents, data-first.
- **Soft/Neumorphic** - low contrast, subtle depth. Use sparingly.
- **Brutalist** - raw borders, system type, no shadows.
- **Warm/Tactile** - muted earth tones, rounded but restrained.
- **Glass/Layered** - translucency over depth. Watch contrast.
Generic SaaS (Inter + purple gradient) is a fallback, not a choice. Avoid it
unless asked.
## Step 2 - Build the color system… install to load the full skill