UI UX Promax

UI/UX Pro Max — Design System

Triggers

"ui ux pro max" / "uipro" / "design system" / "161 palettes" / "57 fonts" / "50 styles" / "design spec" / "color palette" / "font pairing"

What It Does

Takes business brief → outputs complete design spec JSON:

• Style (from 50+ options: minimal, bold, corporate, playful, luxury, brutalist, glassmorphism...)
• Color palette (from 161 options — auto-matched to brand vibe)
• Font pairing (from 57 options — heading + body)
• Spacing system (4px/8px grid)
• Component variant guidelines

Setup (one-time)

npm install -g uipro-cli
uipro init --ai claude

Repos

• ~/installed-repos/ui-ux-design-pro-skill-main/ — design system v1
• ~/installed-repos/ui-ux-pro-max-skill-main/ — Pro Max version
• ~/installed-repos/frontend-design/ — frontend patterns
• ~/installed-repos/ai-design-team/ — design agent refs

Output Format (Design Spec JSON)

{
  "style": "luxury-minimal",
  "palette": {
    "primary": "#1A1A2E",
    "accent": "#E94560",
    "bg": "#F5F5F0",
    "text": "#2C2C2C"
  },
  "fonts": {
    "heading": "Playfair Display",
    "body": "Inter"
  },
  "spacing": "8px-grid",
  "border_radius": "4px",
  "shadow": "subtle-drop"
}

Integration

• Actor 2 in website-builder pipeline — feeds design spec to Actor 3 (Component Selector)
• Works with premium-web-design skill for Stitch + Nano Banana mockups
• Output passed directly to Claude Code for site build