Skip to main content

​
Prerequisites

UI/UX Pro Max requires Python 3.x for the design system search engine.
1

Check Python Installation

Verify Python is installed on your system:
python3 --version
You should see output like Python 3.x.x. If not, proceed to install Python.
2

Install Python (if needed)

brew install python3

​
Installation Methods

​
CLI Installation (Recommended)

The CLI installer provides the easiest way to install UI/UX Pro Max for any AI assistant.
1

Install CLI Globally

Install the uipro-cli package from npm:
npm install -g uipro-cli
2

Navigate to Your Project

cd /path/to/your/project
3

Initialize for Your AI Assistant

Run the init command with your preferred AI assistant:
uipro init --ai claude
The CLI supports 15+ AI assistants including:
  • Claude Code
  • Cursor
  • Windsurf
  • Antigravity
  • GitHub Copilot
  • Kiro
  • Codex CLI
  • Qoder
  • Roo Code
  • Gemini CLI
  • Trae
  • OpenCode
  • Continue
  • CodeBuddy
  • Droid (Factory)

​
Claude Marketplace (Claude Code)

For Claude Code users, install directly from the marketplace: 
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill

​
CLI Commands

The CLI provides additional commands for managing your installation:

List Versions

uipro versions
View all available versions of UI/UX Pro Max.

Update

uipro update
Update to the latest version.

Offline Install

uipro init --offline
Skip GitHub download and use bundled assets (useful for air-gapped environments).

Custom Output

uipro init --ai claude --output-dir ./custom-path
Install to a custom directory.

​
Verify Installation

After installation, verify the skill is working:
1

Check Files

Depending on your AI assistant, you should see files in:
  • Claude Code: .claude/skills/ui-ux-pro-max/
  • Cursor: .cursor/skills/ui-ux-pro-max/
  • Continue: .continue/skills/ui-ux-pro-max/
  • Droid (Factory): .factory/skills/ui-ux-pro-max/
2

Test Search Command

Run a test search to ensure Python and the search engine work:
# Adjust path based on your AI assistant
python3 .claude/skills/ui-ux-pro-max/scripts/search.py "glassmorphism" --domain style
You should see search results with UI style recommendations.
3

Test in Your AI Assistant

Open your AI assistant and try a UI/UX request:
Build a landing page for my SaaS product
The skill should activate automatically and provide design recommendations.

​
Troubleshooting

If you see python3: command not found, ensure Python is installed and added to your PATH.Try running:
python --version  # Some systems use 'python' instead of 'python3'
On Windows, you may need to restart your terminal after installing Python.
If you encounter permission errors when installing globally:
# Use npx instead (no global install needed)
npx uipro-cli init --ai claude
Or fix npm permissions:
# Create a directory for global packages
mkdir ~/.npm-global
npm config set prefix '~/.npm-global'
echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.profile
source ~/.profile
If the skill doesn’t activate automatically:
  1. Check activation keywords: The skill activates on UI/UX-related requests (build, design, create, implement, review, fix, improve).
  2. Use explicit commands: For assistants that support slash commands: 
    /ui-ux-pro-max Build a landing page
  3. Verify file structure: Ensure files are in the correct location for your AI assistant.
If the search script returns errors:
  1. Check Python version: Requires Python 3.x 
    python3 --version
  2. Verify file paths: Ensure CSV data files exist in the data/ directory.
  3. Check file permissions: Make sure the search script is executable: 
    chmod +x .claude/skills/ui-ux-pro-max/scripts/search.py

​
Next Steps

Quickstart Guide

Learn how to generate your first design system

Usage Guides

Explore CLI commands and workflows