DesignAgent SkillsClaude CodeUI/UX

UI UX Pro Max: a design system generator for your AI agent

An AI skill with 192 industry rules, 192 palettes, 74 font pairings and 22 stacks that writes a full design system before your agent writes any UI. What it does, its stars and how to install it.

Saturday, October 31, 2026 · 3 min read · by Cyrus Bitangcol

Ask for "a landing page for my spa" and most agents guess the colours, fonts and layout. UI UX Pro Max makes the agent look them up first: it matches your product to an industry, then hands back a full design system before any code is written.

What is this repo

UI UX Pro Max is an open-source AI skill for Claude Code, Cursor, Windsurf, Codex, Copilot, Gemini CLI and about 20 other assistants. It switches on by itself whenever you ask for UI work. Under the hood it's a searchable design database with a BM25 ranking engine, run by a small Python script.

For each request it runs five searches at once and returns:

Part	What it picks
Pattern	The page structure and where the calls to action go
Style	One of 50 active styles (Glassmorphism, Bento Grid, Swiss, Brutalism and more)
Colours	Primary, secondary, CTA, background and text, matched to the industry
Typography	A font pairing with its Google Fonts link
Effects	Shadows, transitions and hover states
Anti-patterns	What to avoid, such as "AI purple/pink gradients" for a bank
Checklist	Contrast, focus states, reduced motion, and breakpoints at 375, 768, 1024 and 1440 px

What's in the database:

192 industry reasoning rules and 192 colour palettes, from SaaS and fintech to dental clinics and home services
79 searchable UI styles (50 active)
74 font pairings and 25 chart types
119 UX guidelines, including accessibility and text that wraps without breaking
22 stacks: React, Next.js, shadcn/ui, Vue, Nuxt, Svelte, Astro, Angular, Laravel, SwiftUI, Flutter, React Native, Jetpack Compose and more

How many stars

At the time of writing (31 October 2026) UI UX Pro Max has 143,072 GitHub stars and 15,151 forks, the most of any repo on this list.

Language: Python
License: MIT
Latest release: v2.15.0 (13 August 2026)
Website: uupm.cc

This repo is the free version. A paid Premium tier adds brand identity, logos, banners, slides and AI-generated assets.

How to install it

1. Check the requirements

To do: Python 3 for the search script. It uses only the standard library and makes no network calls
To do: Node.js if you use the CLI

2. Install in Claude Code

bash

/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill

Or use the CLI for any assistant

bash

npm install -g ui-ux-pro-max-cli
cd /path/to/your/project
uipro init --ai claude            # or cursor, codex, copilot, gemini, windsurf, all
uipro init --ai claude --global   # install once to ~/.claude/skills/ for every project

The npm package is ui-ux-pro-max-cli. The older uipro-cli package is out of date, so don't install it.

3. Just ask

text

Build a landing page for my SaaS product

Retheme an app you already have

text

Use the ui-ux-pro-max skill to retheme my existing React app.
Target style: Minimalism & Swiss Style.
Keep the current component structure, behaviour and business logic.
Reuse the existing theme tokens and replace hard-coded styles one component at a time.
Verify contrast, keyboard focus, responsive layouts and light/dark modes.

Keep it current

bash

uipro update      # refresh the skill files
uipro uninstall   # remove it

Worth a look

Browse the full style catalogue to find a style name to ask for. It pairs well with Taste Skill: this one picks the system, and Taste Skill checks the finished page in a real browser.