UI UX Pro Max Skill: Design Search for Agents

What is the ui-ux-pro-max skill?

ui-ux-pro-max is a skill for UI and UX work on web, mobile and desktop. The skill folder holds a SKILL.md, a data folder, a references folder and a Python script called search.py. The script runs BM25 search over the bundled data, uses only the Python standard library and makes no network calls, so the lookup is local.

The skill's description lists what the data holds: 79 searchable styles, of which 50 are active, 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types and 22 technology stacks.

What changes in your agent's output

• For a new page or project, the agent runs a design-system query first. It returns a pattern, style, colors, typography, effects and anti-patterns to avoid.
• The agent can save that result as design-system/<project>/MASTER.md, with page-level override files in a pages folder, so later sessions reuse the same decisions.
• Targeted problems get a targeted search by domain, such as ux, color, typography, chart, icons or gsap.
• Stack questions get a stack search. SKILL.md says never to assume a stack, so the agent checks package.json, pubspec.yaml or similar files first.
• An empty result is not covered up. The skill tells the agent to retry once, then say the answer came from built-in defaults.

The priority order

SKILL.md ranks ten categories so the agent knows what to settle first: accessibility and touch and interaction rank critical, then performance, style selection, layout and responsive, typography and color, animation, forms and feedback, navigation and charts. Full rule text sits in a references file that the agent reads on demand.

Who the ui-ux-pro-max skill is for

Best for

• New products where you want a stated style, palette and font pairing chosen from data before any code.
• Teams that want a saved MASTER.md to keep pages consistent across sessions.
• Mobile and desktop work, since the stack list includes SwiftUI, Flutter, React Native, Jetpack Compose and WPF alongside web frameworks.

Not for

• Backend logic, API or database design, infrastructure and non-visual scripts. SKILL.md says to skip it for these.
• Someone who wants a strong single point of view. The skill returns matches from a database. For an opinionated anti-template rulebook, see design-taste-frontend.
• Reviewing finished code against a fixed checklist. web-design-guidelines is built for that.

Use it with UiChemy

Generate the design system, build the page with your agent, then bring it into WordPress. UiChemy AI to WordPress imports an existing AI build as an editable page, and UiChemy Composer edits it visually in Elementor or Gutenberg. Click Get Started on uichemy.com.

How to install UI UX Pro Max Skill: Design Search for Agents

npm install -g ui-ux-pro-max-cli

1. Install the CLI

   Run npm install -g ui-ux-pro-max-cli. The README notes that the package still installs the uipro command and that the older uipro-cli package is stale.

2. Install into your project

   From your project folder, run uipro init --ai <agent>. The README lists targets including claude, cursor, windsurf, antigravity, copilot, kiro, codex, gemini, opencode, continue, warp and universal, plus all. Add --global to install into the agent's global skills folder.

3. Optional: Claude Code marketplace route

   In Claude Code you can instead run /plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill, then /plugin install ui-ux-pro-max@ui-ux-pro-max-skill.

4. Make sure Python 3 exists

   The search script needs Python 3. Run python3 --version. The README says to install it yourself if missing, and that agents should ask you rather than install software.

5. Ask for UI work

   Describe a page, for example a landing page for a booking app. The agent should run a design-system search before writing code.

Check that it loaded

Ask for a small landing page. The agent should run search.py with --design-system, show a style, palette and font pairing, and only then write the page.

Read the official instructions on GitHub

Key features

• Design-system generatorA --design-system query aggregates product, style, color, landing-page and typography matches and applies reasoning rules, returning one coherent direction with anti-patterns to avoid.
• Persisted MASTER.mdWith --persist and an output directory, the script writes design-system/<project>/MASTER.md and a pages folder. A page file overrides the master. An existing master is left alone unless --force is passed.
• Design dialsOptional --variance, --motion and --density flags take values from 1 to 10. They shift the style bias, attach a matching GSAP snippet and change the spacing scale, for example dense for dashboards.
• Domain searchA --domain flag searches one dataset: product, style, color, typography, google-fonts, chart, ux, landing, icons, gsap, react or web. Without it, the domain is auto-detected.
• Stack guidelinesA --stack flag returns guidance for one of 22 stacks, including react, nextjs, vue, svelte, astro, angular, laravel, swiftui, flutter, react-native, html-tailwind and shadcn.
• 119 UX guidelinesThe ux domain covers accessibility, touch targets, loading feedback, forms, navigation and motion, with rules such as a 4.5:1 contrast minimum and 44 by 44 pixel touch targets.
• Priority tableTen categories are ranked from accessibility down to charts, each with must-have checks and anti-patterns, so the agent works on the highest-impact issues first.
• Fallback honestyWhen a search returns nothing, the agent retries once and then labels the answer as a general default instead of presenting it as a database match.
• Local and offlinesearch.py needs Python 3 and nothing else. The script has no network calls, and SKILL.md says it does not install packages or change the operating system.

Frequently asked questions