Skip to content
ML2
Small Tools, Repos & PluginsTool#GitHub repo#Plugin / extension#Open source#CLIdesign

UI UX Pro Max: a design skill for coding agents

Added New⧉ Copyable prompt below

Our verdict

A quick fix for the generic look of agent-built UIs: the skill produces a recommended pattern, style, palette and typography for your product before the agent writes components. Treat its picks as a starting point and check contrast and accessibility yourself; the README itself flags accessibility as something to verify.

Who it's for
Vibe coders and developers who want agent-built UIs to look designed
Leverage
A coherent design system before the first component
Effort
Low
Date added

What it does

UI UX Pro Max is an AI skill that provides design intelligence across platforms and frameworks. Its v2 Design System Generator analyses your project and outputs a tailored design system (layout pattern, style, colours and more). It installs as a Claude Code plugin or via a CLI that sets it up for Claude Code, Cursor, Windsurf, GitHub Copilot, Kiro and others.

How builders use it

  • In Claude Code: /plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill, then /plugin install ui-ux-pro-max@ui-ux-pro-max-skill.
  • Or install the CLI with npm install -g ui-ux-pro-max-cli and run uipro init --ai cursor (or claude, windsurf, copilot).
  • Ask for a design system for your product before asking for pages.
  • Save the generated system in your repo so later sessions reuse it.

What to expect

Consistent colours, type and layout across agent-built screens.

Copy this: Install + first ask

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

Then ask your agent:
Generate a design system for <product, audience, mood>. Save it to docs/design-system.md, then build the landing page using only those tokens.

Related discoveries

Want more like this?

Practical discoveries, without the noise.

Get the newsletterMore in Small Tools, Repos & Plugins