Skip to main content
UI/UX Pro Max supports 15+ AI coding assistants. This page covers installation for all platforms not covered in dedicated guides.

​
Skill Mode Platforms

These platforms support automatic skill activation - just mention UI/UX work and the skill loads automatically.

​
Antigravity

1

Install

npm install -g uipro-cli
cd /path/to/your/project
uipro init --ai antigravity
2

Location

Creates .agent/skills/ui-ux-pro-max/ and .shared/ui-ux-pro-max/
3

Usage

Build a landing page for my SaaS product
No slash commands needed.

​
Codex CLI

1

Install

npm install -g uipro-cli
cd /path/to/your/project
uipro init --ai codex
2

Location

Creates .codex/skills/ui-ux-pro-max/
3

Usage

codex "Build a dashboard for healthcare analytics"
The skill activates automatically.

​
Continue

1

Install

npm install -g uipro-cli
cd /path/to/your/project
uipro init --ai continue
2

Location

Creates .continue/skills/ui-ux-pro-max/
3

Usage in VS Code

  1. Open Continue panel (Cmd+L / Ctrl+L)
  2. Type UI/UX request:
Create a React dashboard with dark mode
4

Usage in JetBrains

  1. Open Continue tool window
  2. Type UI/UX request - skill activates automatically
Continue is open-source and works in both VS Code and JetBrains IDEs (IntelliJ, PyCharm, WebStorm, etc.)

​
Gemini CLI

1

Install

npm install -g uipro-cli
cd /path/to/your/project
uipro init --ai gemini
2

Location

Creates .gemini/skills/ui-ux-pro-max/ and .shared/ui-ux-pro-max/
3

Usage

gemini "Design a portfolio website with glassmorphism"

​
OpenCode

1

Install

npm install -g uipro-cli
cd /path/to/your/project
uipro init --ai opencode
2

Location

Creates .opencode/skills/ui-ux-pro-max/ and .shared/ui-ux-pro-max/
3

Usage

Build a Next.js landing page for my SaaS product
Works with all OpenCode models (Claude, GPT-4, etc.)

​
Qoder

1

Install

npm install -g uipro-cli
cd /path/to/your/project
uipro init --ai qoder
2

Location

Creates .qoder/skills/ui-ux-pro-max/ and .shared/ui-ux-pro-max/
3

Usage

Create a mobile app UI for e-commerce

​
CodeBuddy

1

Install

npm install -g uipro-cli
cd /path/to/your/project
uipro init --ai codebuddy
2

Location

Creates .codebuddy/skills/ui-ux-pro-max/
3

Usage

Build a dashboard with real-time charts
CodeBuddy will pair with you to implement the UI.

​
Droid (Factory)

1

Install

npm install -g uipro-cli
cd /path/to/your/project
uipro init --ai droid
2

Location

Creates .factory/skills/ui-ux-pro-max/
3

Usage

Design a fintech banking app
Droid will use the skill as part of its agent workflow.

​
Trae

1

Install

npm install -g uipro-cli
cd /path/to/your/project
uipro init --ai trae
2

Location

Creates .trae/skills/ui-ux-pro-max/ and .shared/ui-ux-pro-max/
3

Switch to SOLO Mode

/solo
4

Usage

Build a portfolio website with dark mode
The skill activates automatically in SOLO mode.
Trae requires SOLO mode for skills to activate. Make sure to run /solo first.

​
Workflow Mode Platforms

These platforms require a slash command to invoke the skill.

​
Kiro

1

Install

npm install -g uipro-cli
cd /path/to/your/project
uipro init --ai kiro
2

Location

Creates .kiro/steering/ui-ux-pro-max/ and .shared/ui-ux-pro-max/
3

Usage

/ui-ux-pro-max Build a landing page for my SaaS product
The /ui-ux-pro-max prefix is required.

​
GitHub Copilot

1

Install

npm install -g uipro-cli
cd /path/to/your/project
uipro init --ai copilot
2

Location

Creates .github/prompts/ui-ux-pro-max/ and .shared/ui-ux-pro-max/
3

Usage in VS Code

/ui-ux-pro-max Build a dashboard for analytics
4

Usage in CLI

gh copilot suggest "/ui-ux-pro-max Create a mobile app UI"

​
Roo Code

1

Install

npm install -g uipro-cli
cd /path/to/your/project
uipro init --ai roocode
2

Location

Creates .roo/skills/ui-ux-pro-max/ and .shared/ui-ux-pro-max/
3

Usage

/ui-ux-pro-max Design a portfolio with glassmorphism

​
Install All Platforms

If you work with multiple AI assistants, install for all at once: 
uipro init --ai all
This creates:
  • .claude/skills/ui-ux-pro-max/
  • .cursor/skills/ui-ux-pro-max/
  • .windsurf/skills/ui-ux-pro-max/
  • .agent/skills/ui-ux-pro-max/
  • .codex/skills/ui-ux-pro-max/
  • .continue/skills/ui-ux-pro-max/
  • .gemini/skills/ui-ux-pro-max/
  • .opencode/skills/ui-ux-pro-max/
  • .qoder/skills/ui-ux-pro-max/
  • .codebuddy/skills/ui-ux-pro-max/
  • .factory/skills/ui-ux-pro-max/
  • .trae/skills/ui-ux-pro-max/
  • .kiro/steering/ui-ux-pro-max/
  • .github/prompts/ui-ux-pro-max/
  • .roo/skills/ui-ux-pro-max/
  • .shared/ui-ux-pro-max/

​
Common Features Across All Platforms

​
Design System Generation

All platforms support design system generation: 
python3 .<platform>/skills/ui-ux-pro-max/scripts/search.py "beauty spa" --design-system -p "Serenity Spa"
Replace <platform> with your AI assistant’s folder:
  • .claude for Claude Code
  • .cursor for Cursor
  • .windsurf for Windsurf
  • .agent for Antigravity
  • .codex for Codex CLI
  • .continue for Continue
  • .gemini for Gemini CLI
  • .opencode for OpenCode
  • .qoder for Qoder
  • .codebuddy for CodeBuddy
  • .factory for Droid
  • .trae for Trae
  • .kiro for Kiro
  • .github for GitHub Copilot
  • .roo for Roo Code

​
Search Commands

All platforms support domain-specific search:

​
Persistent Design Systems

All platforms support persistent design systems: 
# Generate master design system
python3 .<platform>/skills/ui-ux-pro-max/scripts/search.py "SaaS" --design-system --persist -p "MyApp"

# Create page-specific overrides
python3 .<platform>/skills/ui-ux-pro-max/scripts/search.py "SaaS" --design-system --persist -p "MyApp" --page "dashboard"
This creates: 
design-system/
├── MASTER.md           # Global source of truth
└── pages/
    └── dashboard.md    # Page-specific overrides

​
CLI Commands

# Update to latest version
uipro update

# List available versions
uipro versions

# Install offline (use bundled assets)
uipro init --ai <platform> --offline

​
Prerequisites

All platforms require Python 3.x: 
brew install python3

​
Troubleshooting

Skill Mode Platforms:
  1. Verify the skill folder exists
  2. Check for proper SKILL.md file
  3. Use explicit UI/UX keywords: “build landing page”, “design dashboard”
  4. Restart the AI assistant
Workflow Mode Platforms:
  1. Use the /ui-ux-pro-max prefix
  2. Check workflow/prompt folder exists
  3. Restart the AI assistant
# Check Python installation
python3 --version

# Install if needed (see Prerequisites above)

# Make script executable
chmod +x .<platform>/skills/ui-ux-pro-max/scripts/search.py

# Test manually
python3 .<platform>/skills/ui-ux-pro-max/scripts/search.py "test" --domain style
No conflicts! Each platform uses its own folder. You can have UI/UX Pro Max installed for all assistants simultaneously.

​
Platform-Specific Tips

  • Use Cmd+L (Mac) or Ctrl+L (Windows/Linux) to open chat
  • Continue supports both inline edits and sidebar chat
  • Works with local models via Ollama
  • Supports Claude, GPT-4, and more
  • Terminal-based, perfect for automation
  • Can pipe output to files: codex "build UI" > output.txt
  • Great for CI/CD integration
  • Use in VS Code, JetBrains, Neovim, CLI
  • Supports chat, suggestions, and prompts
  • /ui-ux-pro-max must be used explicitly
  • Built on Anthropic’s agent framework
  • Supports multi-step reasoning
  • Good for complex UI workflows

​
Next Steps

Getting Started

Learn the basics of UI/UX Pro Max

Design Systems

Generate complete design systems

UI Styles

Explore 67 UI styles

Color Palettes

Browse 96 color palettes