DESIGNYou commented this keyword
UI UX Pro Max
A design skill that picks a matching style, color palette, fonts and layout for your product before Claude writes any UI code.
- Claude Code
- Python 3.x
- Setup
- 3 min
- Level
- Beginner
- Stars
- 134k
- License
- MIT
What it does
When you ask for a page or an app screen, the skill first works out what kind of product it is, then searches its built-in library of UI styles, color palettes, font pairings and landing page patterns to put together a full design system for it.
You get a recommended page structure, colors, typography, effects, a list of things to avoid for your industry, and a checklist Claude runs before it hands over the code. It has guidelines for React, Next.js, Vue, Svelte, SwiftUI, Flutter, plain HTML with Tailwind and more.
Install it
- Check you have Python 3: run python3 --version in your terminal. If it is missing, install it from python.org.
- Open Claude Code.
- Paste the two commands below to add the marketplace and install the skill.
Copy this
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill /plugin install ui-ux-pro-max@ui-ux-pro-max-skill
Or install with the CLI
- In your terminal: npm install -g ui-ux-pro-max-cli
- Then, for all your projects: uipro init --ai claude --global (or go to one project folder and run uipro init --ai claude).
Use it
- Just ask for UI work in plain words. The skill turns on by itself in Claude Code.
- Try: "Build a landing page for my SaaS product" or "Create a dashboard for healthcare analytics".
- Name your stack in the prompt if you want one, otherwise it defaults to HTML with Tailwind.
Good to know
The search script uses only Python's standard library, installs nothing and makes no network calls. This repo is the free, open-source basic version. A paid premium version with brand identity, logo and banner skills is described at uupm.cc.
Links
Want the next one first?
One new guide a week, straight to your inbox.
