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

Build docs developers (and LLMs) love

Get started for freeTalk to us