Skills / Design / UI UX Pro Max

UI UX Pro Max

A searchable design library your agent consults before it writes any UI.

What UI UX Pro Max does

UI UX Pro Max turns design knowledge into something an agent can search. The skill ships a local database of UI styles, product-specific color palettes, font pairings, UX guidelines, chart types and stack-specific rules, plus a small Python search script. When you ask for UI work, the agent queries that database first and builds from the result instead of its usual defaults.

The open-source version covers 79 searchable styles, 192 product types with palettes, 74 font pairings and 119 UX guidelines, with implementation notes for 22 stacks from HTML and Tailwind to SwiftUI and Flutter. A paid version adds brand identity, logos, banners and slides.

Use it when

You are building a new page or app and want a coherent design system instead of a generic template.
You want accessibility, touch targets and layout checked before the agent hands over the code.
You work across stacks and want the same design rules applied in React, Vue, SwiftUI or Flutter.

Skip it when

The task is backend, API, database or DevOps work with no visual change.
You already have a strict design system; point the agent at it instead.

How it works

The agent reads your request for product type, audience, style keywords and stack, and detects the stack from files like package.json or pubspec.yaml.
For a new page or project it runs the search script with --design-system to generate a full design direction: style, palette, type and layout patterns.
For smaller fixes it searches one domain at a time, such as ux, color, typography or chart.
It implements the UI with those choices, then checks the result against a priority list that starts with accessibility (4.5:1 contrast, keyboard navigation) and touch targets (44 px minimum).
The search runs locally with the Python standard library. It installs nothing and makes no network calls.

How to install UI UX Pro Max

Claude Code (plugin)

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

Any supported agent (CLI)

npm install -g ui-ux-pro-max-cli
uipro init --ai claude

Run uipro init inside your project. Swap claude for codex, cursor, windsurf, copilot, gemini, kiro and others, or use all.

All projects at once

uipro init --ai claude --global

Installs to ~/.claude/skills/ instead of the current project.

Python 3 must be installed for the search script. The npm package is ui-ux-pro-max-cli; the older uipro-cli package is out of date.

Prompts to try

Build a landing page for my SaaS product
Create a dashboard for healthcare analytics
Design a portfolio website with dark mode
Make a mobile app UI for e-commerce in Flutter

Tips and gotchas

Name your stack in the prompt. Without one it defaults to HTML and Tailwind.
If the skill does nothing, check that python, python3 or py -3 works in your terminal.
Run uipro update after upgrading the CLI to refresh the skill files in your project.
In Trae, switch to SOLO mode first or the skill will not activate.

FAQ

Is UI UX Pro Max free?

The repository version is open source under MIT. A separate paid version at uupm.cc adds brand, logo, banner and slide design.

Does it work with Codex?

Yes. Run uipro init --ai codex in your project. It also supports Cursor, Windsurf, Copilot, Gemini CLI and many other agents.

Does it send my code anywhere?

No. The search script uses only the Python standard library and makes no network calls.

How is it different from Impeccable or Taste Skill?

UI UX Pro Max is a lookup library: styles, palettes, fonts and rules the agent searches. Impeccable is a command set with automated design checks, and Taste Skill runs a long art-directed build with a browser review loop.

Related skills

Design · skill · ★ 82k · Apache-2.0

Impeccable

A design vocabulary for your agent: polish, audit, critique, bolder, quieter.

Install · Any agent

npx impeccable install

Design · skill pack · ★ 98k · MIT

Taste Skill

Gives coding agents an art direction, real pictures, and a browser to check their work.

Install · Any agent

npx skills add https://github.com/Leonxlnx/taste-skill

Design · skill · ★ 181k · Apache-2.0

frontend-design

Anthropic's design brief for Claude: distinct, intentional, not templated.

Install · Claude Code

/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills

Design · design files · ★ 122k · MIT

Awesome DESIGN.md

Drop a DESIGN.md into your project and your agent builds in that design language.

Nothing to install. Download a DESIGN.md from the collection.

This page summarises the project's own SKILL.md and README, checked on 2026-10-16. Star count from GitHub on 2026-10-16. Commands change between releases, so check the repository if one fails. Written by Skillary; not affiliated with Next Level Builder. See how we review skills.