UI UX Pro Max skill for Claude Code, Cursor and Codex

A searchable design database that picks a style, palette and fonts for your product before your AI assistant writes UI code.

Installs: 428.9K; on skills.sh
Stars: 143.8K; on GitHub
Files: 60+; besides SKILL.md
Updated: Nov 2026; last repo commit

UI UX Pro Max gives Claude a searchable design database, so it picks a style, color palette and font pairing for your product before it writes UI code. The README lists 79 UI styles (50 active), 192 palettes, 74 font pairings, 25 chart types, 119 UX guidelines and guidance for 22 stacks, from React and Next.js to SwiftUI and Flutter.

You ask for a page, such as a landing page for a beauty spa. The agent runs a Python search script that matches your product to a style, palette, landing-page pattern and fonts, and returns a design system with anti-patterns to avoid and a pre-delivery checklist. Add --persist and it saves the result as design-system/<project>/MASTER.md, so later sessions reuse the same choices.

You need Python 3 (standard library only). For Claude Code, install it as a plugin. For other assistants, use the uipro command line tool. Both routes are in the install box and the FAQ below. The npx skills add route installs a copy whose script path only works inside the Claude Code plugin.

It differs from Anthropic's frontend-design, which is a prompt with no data or scripts, and from Impeccable and Taste Skill, which focus on taste and critique. UI UX Pro Max looks answers up in its own database. The same package is also listed as the UI UX Pro Max plugin.

Good for

Developers who want consistent, industry-aware UI from Claude Code, Cursor or Codex
Founders and solo builders starting a landing page or app without a designer
Teams that want one saved design system file reused across sessions
Mobile and desktop builders using SwiftUI, Flutter, Compose or WPF

Install ui-ux-pro-max

Claude Code

Copy this prompt.

Install the ui-ux-pro-max skill in Claude Code. Run this command:

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

Then check that it loaded and tell me how to use it.

2
Paste it into Claude Code. It shows the change and asks before running it.

Requires Python 3.

The npx skills add route installs a SKILL.md whose script path only resolves inside the Claude Code plugin (issue #530), so use the plugin or the uipro CLI.

From the project README. Source.

What's in the skill

When it loads

UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks.

Sections in SKILL.md

When to Apply
Rule Categories by Priority
Running the search tool
Workflow
Query Contract
Step 1: Analyze User Requirements
Step 2: Generate Design System (REQUIRED for new pages/projects)
Step 2b: Persist Design System (Master + Overrides Pattern)
Step 2c: Design Dials (optional)
Step 3: Supplement with Detailed Searches (as needed)
Step 4: Stack Guidelines
If a search returns 0 results
Example Workflow
Output Formats
Tips for Better Results
Before Delivering App UI

Key facts

Author: nextlevelbuilder (GitHub organization)
License: MIT
Latest version: v2.15.0, released 2026-08-13
Skill folder last changed: 2026-11-01
Claude Code plugin: 7 skills: this one plus banner-design, brand, design, design-system, slides, ui-styling
Installs on skills.sh: 428,597 as of 2026-11-01
Requires: Python 3, standard library only
Works in: Claude Code plugin; 25 assistants through the uipro CLI, including Cursor, Codex, Windsurf, Gemini CLI
Not supported: Claude.ai upload (repo is over the 200-file limit)
skills.sh audits: Gen Agent Trust Hub pass, Socket pass, Snyk pass (analyzed 2026-10-04)
Homepage: uupm.cc

What it includes

Picks a style, palette, fonts and layout for a product
Run with `--design-system` for a new page or project. It runs five searches (product type, style, color palette, landing-page pattern, typography), ranks matches with BM25, drops styles that are wrong for the industry, and returns the pattern, style, colors, fonts, effects, anti-patterns and a pre-delivery checklist. Output is ASCII, markdown or JSON.
Try: “Build a landing page for a beauty spa.”
Runs code · search.py: design-system mode
Look up one design topic at a time
Run with `--domain` to search one area: product, style, color, typography, google-fonts, chart, ux, landing, icons, gsap, react or web. If you leave the domain out, it is guessed from the query, which can misroute overlapping words like font.
Try: “Which chart type suits a real-time dashboard?”
Runs code · search.py: domain search
Framework-specific UI advice for 22 stacks
Run with `--stack` to get guidance for React, Next.js, Vue, Svelte, Astro, Nuxt, Nuxt UI, Angular, Laravel, SwiftUI, React Native, Flutter, Jetpack Compose, HTML with Tailwind, shadcn/ui, Three.js, JavaFX, WPF, WinUI, Avalonia, Uno or UWP.
Try: “Give me Next.js guidance for streaming and bundle size.”
Runs code · search.py: stack guidance
Tune how bold, animated and dense the design is
Three optional 1 to 10 settings change the design-system output. Variance moves between centered and bold or asymmetric. Motion goes from subtle to complex and attaches a GSAP snippet. Density goes from spacious to dashboard-tight and rewrites the spacing variables.
Try: “Design an internal analytics dashboard, dense and low on motion.”
Runs code · Design dials: --variance, --motion, --density
Save the design system to your project
Adds `design-system/<project>/MASTER.md` as the source of truth, and `pages/<page>.md` files for page-specific overrides. An existing MASTER.md is left alone unless `--force` is passed, which SKILL.md says needs your approval. Point `--output-dir` at the project root.
Try: “Save this design system so we reuse it on every page.”
Write · search.py: --persist (MASTER.md)
The searchable data files behind every search
CSV and JSON files for styles, colors, typography, Google Fonts, icons, charts, landing patterns, product types, reasoning rules, UX guidelines, motion, React performance and app interface rules, plus one file per stack. Everything is read locally.
Files · Bundled data
Rules the agent reads on demand
`quick-reference.md` holds the full text of the 10 priority rule categories (119 UX guidelines). `pro-rules.md` has app polish rules and a pre-delivery checklist for native and mobile UI.
Files · Reference guides
Used by the assistant behind the scenes
Internal search engine and rule checker
core.py is the BM25 search engine, query routing and framework-version filtering. reasoning_contract.py checks the reasoning-rule data. The agent does not call them directly.
Read · core.py and reasoning_contract.py

From the official docs

Permissions

Low risk

What it can do

Read your data
Create and change things
Delete things
Read-only modeHow to turn it on

Watch out for

Old CLI copied a Claude permissions file
Users reported that the old uipro-cli wrote .claude/settings.local.json, which Claude Code flagged. The maintainers say current source excludes that file. Use ui-ux-pro-max-cli, not uipro-cli. github.com
Plugin's design skill calls image APIs
The bundled design skill (plugin only, not this skill) generates logos and icons through Gemini, Atlas Cloud or MuAPI, so it needs network access and API keys. github.com
Repo's stack/ template pre-approves MCP servers
The repo's separate stack/ template sets enableAllProjectMcpServers: true and runs servers at @latest. Maintainers confirmed it. The skill itself is not affected. github.com
Runs local Python scripts
The agent runs scripts/search.py with Python 3 (standard library). Per the README and the Trust Hub audit, it makes no network calls and installs nothing. skills.sh
Writes design-system files with --persist
--persist writes design-system/<project>/MASTER.md and pages/*.md. It skips an existing MASTER.md unless --force is passed, and SKILL.md says --force needs your approval. github.com
All three skills.sh audits pass
Gen Agent Trust Hub: Pass (SAFE), Socket: Pass, Snyk: Pass (LOW, no issues detected), all analyzed Oct 4, 2026. skills.sh

Security advisories

No published security advisories as of Nov 2, 2026.

Technical details

Turning on read-only	Searches only read the bundled CSV/JSON files. Files are written only when the agent passes --persist (design-system/<project>/MASTER.md and page overrides); omit --persist to keep it read-only.
Scopes	Runs local Python scripts Writes design-system files only with --persist

What people say

People like the consistent, explained design choices and dislike how generic the results can look.

What people like

Keeps spacing, type hierarchy and color consistent across sections and explains its palette and font choices.
Steers away from AI defaults such as purple gradients.
Builders name it as their design step in Claude Code workflows.

Common complaints

Output can be professional but generic, with little brand personality.
It clashed with an app that already had a mature design system.
Industry defaults can make every site in a sector look alike.
Outside the plugin, the script path fails and costs a call each session.

In their words

Hacker NewsFeb 2026

“my workflow and tools used were Claude Code, with ui-ux-pro-max for design, heavy usage of compound-engineering (plan > work > review > compound).”

Reebz Hacker NewsMar 2026

“Ugly UI? "redesign using ui-ux-pro-max" → 3 iterations → done”

twwch BlogJun 2026

“El skill es bueno como punto de partida, no como punto final.”

Wilmer Hurtado BlogFeb 2026

“It can avoid “AI-default mass production” but still produce “industry-looking mass production””

Ikesan (@hide3tu)

1 more quote

GitHub issueOct 2026

“The agent has to notice the failure and work out the real path, which costs a failed call every session.”

JoaoVictorDaijo

Examples

Start a new SaaS landing page (README example).
Build a landing page for my SaaS product
The agent runs a design-system search first, then builds the page with the style, palette and fonts it picked.
Source
Healthcare analytics dashboard (README example).
Create a dashboard for healthcare analytics
Source
Mobile e-commerce UI (README example).
Make a mobile app UI for e-commerce
Source
Restyle an existing React app (README example, shortened).
Use the ui-ux-pro-max skill to retheme my existing React app. Target style: Minimalism & Swiss Style. Keep the current component structure, behavior, and business logic.
Source
Redesign an ugly UI (reported on Hacker News).
redesign using ui-ux-pro-max
Source
Save the design system so later sessions reuse it. The skill maps this to the persist option.
Use ui-ux-pro-max to design a landing page for a beauty spa called Serenity Spa, and save the design system to the project.

Questions

How do I install the UI UX Pro Max skill?

In Claude Code, run /plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill, then /plugin install ui-ux-pro-max@ui-ux-pro-max-skill. For Cursor, Codex, Windsurf, Gemini CLI and others, run npm install -g ui-ux-pro-max-cli, then uipro init --ai <assistant> in your project (for example --ai cursor). Add --global for a user-level install.

One caveat: the npx skills add command listed on skills.sh installs the repo's SKILL.md, whose script path uses ${CLAUDE_PLUGIN_ROOT}. Claude Code fills that in only inside the plugin, so on other installs the first search call can fail and the agent has to find the path itself. Issue #530 reports this and was closed as not planned. Use the plugin or uipro init if you want it to work first time.

Does UI UX Pro Max work in Claude.ai, Codex or Cursor?

Not in Claude.ai by upload. The repo is over Claude.ai's 200-file limit and the project publishes no upload ZIP, so the README points you to Claude Code. Cursor, Codex, Windsurf, Gemini CLI, GitHub Copilot and OpenCode are documented through uipro init --ai <name>. The README lists 25 targets in all.

Kiro, Roo Code and KiloCode use the /ui-ux-pro-max slash command. In Trae, switch to SOLO mode first. Some newer targets such as ZCode are on the main branch but were not in the v2.15.0 CLI release.

Does UI UX Pro Max need Python?

Yes. The search and design-system scripts need Python 3, using only the standard library, so nothing else is installed. The README says the scripts make no network calls. Check with python3 --version. Node and npm are needed only if you use the uipro command line tool.

Is UI UX Pro Max safe?

Its three skills.sh audits all pass: Gen Agent Trust Hub (SAFE), Socket and Snyk (LOW, no issues detected), each analyzed on October 4, 2026. The skill runs local Python scripts over bundled data files. It writes files only when the agent passes --persist, which saves design-system/<project>/MASTER.md and skips an existing file unless --force is used.

Two things to know. The old uipro-cli package once copied a Claude permissions file that Claude Code flagged. Use ui-ux-pro-max-cli instead. Also, the plugin bundles a separate design skill that calls image APIs and needs your own keys; this skill does not.

UI UX Pro Max vs frontend-design, Impeccable and Taste Skill?

UI UX Pro Max looks up a design system in a bundled database, using Python searches. The others are described by their own authors as guidance for taste and direction. frontend-design is Anthropic's prompt-only skill with no data files or scripts. It asks the agent to act as a studio design lead and make deliberate, opinionated choices.

Impeccable calls itself the design vocabulary for your coding agent. It adds commands such as polish, critique and audit, plus 62 deterministic rules that detect generic AI design, and says it is strongest on interfaces that already exist. Taste Skill describes itself as art direction, reference images and a browser check instead of generic AI pages.

One reviewer, reading the repo rather than testing it, notes that UI UX Pro Max's industry defaults can make sites in the same sector look alike.

What is the difference between the skill and the plugin?

The skill is the single ui-ux-pro-max folder with the search script and data. The plugin is the Claude Code package that installs it. Per the repo, the plugin ships 7 skills: ui-ux-pro-max plus banner-design, brand, design, design-system, slides and ui-styling. The last six credit claudekit as author. If you only want the search database, uipro init installs the main skill.

How do I update UI UX Pro Max?

Run npm install -g ui-ux-pro-max-cli@latest, then uipro update in your project. Add --global for a global install. uipro versions lists available versions. The README says the older uipro-cli package is stale, so do not use it.

How do I remove it?

Run uipro uninstall from the project root, or uipro uninstall --global for a global install. You can also delete the folder, for example .claude/skills/ui-ux-pro-max. Saved design-system/ files are yours to keep or delete.

Is there a paid version?

The repo is the free MIT version. The README describes a Premium tier at uupm.cc that adds brand identity, logos, banners, slides and AI image generation. No price is listed on the site.

Information

updated Nov 2, 2026

Repository: nextlevelbuilder/ui-ux-pro-max-skill
Folder: .claude/skills/ui-ux-pro-max

nextlevelbuilder/ui-ux-pro-max-skill skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 19

UI UX Pro Max README · github.com
ui-ux-pro-max: ${CLAUDE_PLUGIN_ROOT} script path breaks every non-plugin install · github.com
UI UX Pro Max SKILL.md · github.com
frontend-design SKILL.md · github.com
Impeccable · github.com
Taste Skill · github.com
v2.15.0 release · github.com
skills.sh · skills.sh
LICENSE · github.com
Skills folder · github.com
Commits to .claude/skills/ui-ux-pro-max · github.com
skills.sh · skills.sh
UI UX Pro Max Skill: Comparing an AI UI-generation skill with my earlier articles · lilting.ch
Skill review: ui-ux-pro-max · wilmerhurtado.com
Show HN: I built an AI comic generator from scratch using only natural language · news.ycombinator.com
Show HN: Claude Battery · news.ycombinator.com
github.com · github.com
github.com · github.com
github.com · github.com