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

Build docs developers (and LLMs) love

Get started for freeTalk to us