ui-ux-pro-max

name	ui-ux-pro-max
description	Professional UI/UX design system with 50+ visual styles, 21 color palettes, and design decision frameworks. Use for creating distinctive, non-generic UI designs.
license	MIT
compatibility	opencode
metadata	{"audience":"designers","category":"frontend"}

UI/UX Pro Max

What I Do

• Provide 50+ distinct visual styles beyond generic SaaS templates
• Offer 21 curated color palettes mapped to emotions and industries
• Guide design decisions with constraint-based frameworks
• Ensure designs are memorable, not template-like
• Apply anti-cliché rules to avoid AI design patterns

When to Use Me

• Creating distinctive UI designs
• Choosing visual styles and palettes
• Avoiding generic/template-like designs
• Making design system decisions
• Creating unique brand identities

Key Principles

1. No Purple: Purple/indigo/violet is the #1 AI design cliché
2. No Standard Split: Avoid 50/50 hero layouts
3. Extreme Geometry: Go sharp (0-2px) or very rounded (16-32px), never middle
4. Animation Required: Static designs fail. Use GPU-accelerated transforms
5. Emotion Mapping: Colors and typography must match intended emotion

Visual Styles (50+)

Style	Geometry	Colors	Typography	Vibe
Brutalist	Sharp 0px	High contrast black/white	Monospace	Raw, bold
Swiss Punk	Grid-based	Primary colors	Helvetica	Clean, structured
Neo-Retro	Mixed	Warm tones	Serif + Sans	Nostalgic
Liquid Digital	Organic	Gradients	Rounded sans	Fluid
Bauhaus Remix	Geometric	Primary + accent	Geometric sans	Artistic

Color Palettes (21)

Palette	Colors	Use Case	Emotion
Signal	Red #FF3B30 + Black + White	Alerts, power brands	Urgency
Acid	Lime #39FF14 + Dark	Tech, crypto	Energy
Ocean Deep	Navy #0A192F + Gold	Finance, luxury	Trust
Earth	Forest Green + Sand	Organic, wellness	Calm
Monochrome	Black + White + Gray	Minimal, editorial	Sophistication

Anti-Cliché Rules

• ❌ No mesh/aurora gradients
• ❌ No glassmorphism as default
• ❌ No bento grids for simple content
• ❌ No deep cyan/fintech blue
• ❌ No "Empower/Elevate/Seamless" copy
• ❌ No 6-8px border-radius default

Validation

Ask: "Would this exist in a Tailwind UI template?" If yes, redesign.