Skip to content
Claudekit.ai

UI UX Pro Max Skill: Design Intelligence for Claude

UI UX Pro Max gives Claude a searchable design database and generator: 192 product rules, 79 styles, 192 palettes and 74 font pairings. Install, usage, caveats.

By Claudekit Team Published 1 min read

Category
Design
Repository
github.com
GitHub stars
139,515
License
MIT

Install

/plugin install ui-ux-pro-max@ui-ux-pro-max-skill

UI UX Pro Max is one of the most-starred skills in the Claude ecosystem. It gives Claude design intelligence for building professional UI across platforms and frameworks. Version 2 adds a Design System Generator: describe your product and the skill runs parallel searches over its database, applies industry rules, and returns a complete design system with pattern, style, colors, typography, effects, anti-patterns and a pre-delivery checklist.

What it covers

  • 192 industry-specific reasoning rules matched to product types.
  • 79 searchable UI styles (50 active), such as glassmorphism, brutalism, bento grid and dark mode.
  • 192 color palettes aligned with the product types.
  • 74 font pairings with Google Fonts imports.
  • 34 landing page patterns and 25 chart type recommendations.

Anti-patterns are explicit, for example avoiding “AI purple/pink gradients” for banking.

Install

As a Claude Code plugin:

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

Or with the CLI, which the README recommends:

npm install -g ui-ux-pro-max-cli
cd /path/to/your/project
uipro init --ai claude

Python 3 must be available for the search script.

Example prompts

Build a landing page for my beauty spa
Generate a design system for a B2B fintech dashboard, then apply it to this layout
Suggest a palette and font pairing for a children's education app

Tips and limits

  • Rules and palettes are generic starting points; state your brand constraints first.
  • Large output; ask for the design system once, save it, and reference it later.
  • Combine with frontend-design for art direction and theme-factory for documents and slides.

Related: Figma MCP server, best Claude Code skills.

Frequently asked questions

Does UI UX Pro Max need Python?

Yes. Python 3 is required for the search script. It uses only the standard library, installs nothing and makes no network calls.

Which agents does it support?

The uipro CLI installs it for Claude Code, Cursor, Windsurf, Copilot, Codex, Gemini CLI, Kiro, OpenCode and many others.

How is it different from frontend-design?

frontend-design steers aesthetic direction. UI UX Pro Max adds a searchable database and a rule engine that outputs a full design system for a product type.

Get the weekly Claude digest

New skills, MCP servers, prompts and Claude updates — one short email a week. No spam, unsubscribe anytime.

The newsletter is launching soon. Follow the RSS feed in the meantime.