Skip to main content
UI/UX Pro Max is a universal design intelligence skill that works with all major AI coding assistants. It provides 67 UI styles, 96 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 13 technology stacks.

​
Supported Platforms

Claude Code

Official Claude desktop app with skill marketplace

Cursor

AI-first code editor with Composer agent

Windsurf

Codeium’s agentic IDE with Cascade

Antigravity

OpenAI-powered coding assistant

Codex CLI

Command-line AI coding assistant

Continue

Open-source autopilot for VS Code and JetBrains

Gemini CLI

Google’s AI coding assistant

OpenCode

Multi-model AI coding assistant

Qoder

AI coding assistant with workflow support

CodeBuddy

Pair programming AI assistant

Droid (Factory)

Anthropic’s coding agent framework

Kiro

AI coding assistant with steering

GitHub Copilot

GitHub’s AI pair programmer

Roo Code

AI coding assistant with workflow mode

Trae

AI coding assistant with SOLO mode

​
Installation Modes

UI/UX Pro Max supports two operational modes depending on your platform:

​
Skill Mode (Auto-Activate)

Supported Platforms: Claude Code, Cursor, Windsurf, Antigravity, Codex CLI, Continue, Gemini CLI, OpenCode, Qoder, CodeBuddy, Droid (Factory) The skill activates automatically when you request UI/UX work. Just chat naturally: 
Build a landing page for my SaaS product
No slash commands needed - the AI detects UI/UX requests and loads the design intelligence automatically.

​
Workflow Mode (Slash Command)

Supported Platforms: Kiro, GitHub Copilot, Roo Code Use the slash command to explicitly invoke the skill: 
/ui-ux-pro-max Build a landing page for my SaaS product
Trae: Switch to SOLO mode first. The skill will activate automatically for UI/UX requests.

​
Quick Installation

All platforms can be installed using the CLI: 
# Install CLI globally
npm install -g uipro-cli

# Go to your project
cd /path/to/your/project

# Install for your AI assistant
uipro init --ai claude      # Claude Code
uipro init --ai cursor      # Cursor
uipro init --ai windsurf    # Windsurf
uipro init --ai antigravity # Antigravity
uipro init --ai copilot     # GitHub Copilot
uipro init --ai kiro        # Kiro
uipro init --ai codex       # Codex CLI
uipro init --ai qoder       # Qoder
uipro init --ai roocode     # Roo Code
uipro init --ai gemini      # Gemini CLI
uipro init --ai trae        # Trae
uipro init --ai opencode    # OpenCode
uipro init --ai continue    # Continue
uipro init --ai codebuddy   # CodeBuddy
uipro init --ai droid       # Droid (Factory)
uipro init --ai all         # All assistants

​
What You Get

Once installed, UI/UX Pro Max provides:
  • Automatic Design System Generation - AI analyzes your product type and generates a complete design system with reasoning
  • 67 UI Styles - Glassmorphism, Claymorphism, Minimalism, Brutalism, Neumorphism, Bento Grid, Dark Mode, and more
  • 96 Color Palettes - Industry-specific palettes for SaaS, E-commerce, Healthcare, Fintech, Beauty, etc.
  • 57 Font Pairings - Curated typography combinations with Google Fonts imports
  • 25 Chart Types - Recommendations for dashboards and analytics
  • 99 UX Guidelines - Best practices, anti-patterns, and accessibility rules
  • 100 Reasoning Rules - Industry-specific design system generation
  • 13 Tech Stacks - React, Next.js, Astro, Vue, Nuxt.js, Svelte, SwiftUI, React Native, Flutter, HTML+Tailwind, shadcn/ui, Jetpack Compose

​
Example Prompts

Build a landing page for my SaaS product

Create a dashboard for healthcare analytics

Design a portfolio website with dark mode

Make a mobile app UI for e-commerce

Build a fintech banking app with dark theme

​
Platform Comparison

PlatformModeInstallationSpecial Notes
Claude CodeSkillCLI or MarketplaceHas quick reference section
CursorSkillCLIAuto-detect UI/UX requests
WindsurfSkillCLIWorks with Cascade agent
AntigravitySkillCLIOpenAI-powered
GitHub CopilotWorkflowCLIUse /ui-ux-pro-max command
KiroWorkflowCLIUse /ui-ux-pro-max command
Codex CLISkillCLITerminal-based
QoderSkillCLIAuto-detect UI/UX requests
Roo CodeWorkflowCLIUse /ui-ux-pro-max command
Gemini CLISkillCLIGoogle AI-powered
TraeSkillCLISwitch to SOLO mode first
OpenCodeSkillCLIMulti-model support
ContinueSkillCLIOpen-source, VS Code + JetBrains
CodeBuddySkillCLIPair programming focus
Droid (Factory)SkillCLIAnthropic framework

​
Next Steps

Claude Code Setup

Install via Marketplace or CLI

Cursor Setup

Install and configure for Cursor

Windsurf Setup

Install and configure for Windsurf

Other Platforms

Setup guides for all other platforms