UI UX Pro Max: turn one line about your business into a design system file

What it does

A small business site often ends up with five shades of brown and three fonts because every page was designed on its own. UI UX Pro Max, from Next Level Builder, fixes that by writing the decisions down once.

It is a skill plus a small search script over a built-in library of styles, palettes, font pairings and page patterns. Describe your business in a line and it returns a recommended design system: a page pattern, a style, a full colour set with CSS variable names, a font pairing with the Google Fonts link, key effects, things to avoid, and a pre-launch checklist. With --persist it saves all of that to one file your agent reads before building any page.

The skill also switches on by itself when you ask your agent for UI work, and supports about twenty agents and many stacks, from plain HTML with Tailwind to Next.js, Flutter and SwiftUI.

I have an older version installed in my own setup. The commands below come from the current README.

What you need first

Claude Code, Codex, Cursor or another supported agent, with your project folder open.
The skill is free, but it runs inside a coding agent such as Claude Code or Codex, which may need a paid plan.
Node.js for the installer, and Python 3 for the search script. The README says the script uses only Python's standard library and makes no network calls.

Install (checked 30 Sep 2026)

In Claude Code, the README's plugin route is two commands inside the chat:

TEXT

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

Or use its command-line tool from your project folder:

BASH

npm install -g ui-ux-pro-max-cli
cd /path/to/your/project
uipro init --ai claude      # Claude Code
uipro init --ai codex       # Codex

Add --global to install for all projects, or --dry-run to see what it would write first. On 30 Sep 2026 we ran uipro init --ai claude (version 2.15.0, through npx instead of a global install) in a throwaway project. It added seven skill folders under .claude/skills, not one: ui-ux-pro-max plus banner-design, brand, design, design-system, slides and ui-styling.

First use

Ask for the design system file first, before any page. In your agent's chat:

Or run the script yourself from the project folder. This path is where the project-level Claude Code install puts the skill; after a --global install or an install for another agent, the folder is different, so adjust the path:

BASH

python3 .claude/skills/ui-ux-pro-max/scripts/search.py "home bakery cakes order on whatsapp" --design-system --persist -p "Kek Rumah"

When we ran exactly that, it created design-system/kek-rumah/MASTER.md. The recommendation was a warm brown and cream palette, a Playfair Display SC and Karla font pairing, "poor food photos" and "hidden hours" on the avoid list, and a checklist that included 4.5:1 text contrast, visible keyboard focus and checks at 375, 768, 1024 and 1440 pixels wide. It also suggested a three-step funnel layout, which we would not use for a bakery page. Treat the output as a first draft to edit, not a verdict.

Then tell your agent: "Build the home page from design-system/kek-rumah/MASTER.md. If you need to break a rule, ask first."

How it chains with other library skills

It is the "write the decision down" step in Pick a design direction before your AI builds. Use it after you have picked a look with Huashu Design.
Build with Fable Forge or frontend-design, pointing them at MASTER.md.
Check the result against the file's own checklist with agent-browser and Impeccable.

Watch-outs

Licence: MIT. The README also advertises a paid premium version; you do not need it for anything on this page.
It installs more than you asked for. The command-line install added seven skills in our test. Delete the ones you will not use, so they do not compete with your other design skills.
Keyword matching, not taste. It picks styles by matching words in your description. Read every suggestion and change what does not fit your business.
It can clash with other skills. Its checklist recommends icon sets that stricter skills such as high-end-visual-design ban. Your approved design file wins; record any exception you keep in it.
Fonts and colours are suggestions. The font links point to Google Fonts, which are free to use; still check contrast on your real photos.

Link and credit

github.com/nextlevelbuilder/ui-ux-pro-max-skill, by Next Level Builder, MIT. This page is our own summary.