✦ You asked for this
Free pack · $0Here are my UI UX Pro Max setup notes. They are free.
A free skill for Claude Code that picks a style, colours and fonts that fit your business, from 192 colour palettes and 74 font pairings.
Show me the setupone prompt or 3 steps · on this page✦ Get it
UI UX Pro Max
UI UX Pro Max is a free, open source skill for Claude Code and other coding agents. When you ask for a website or an app, it first builds a design system for your kind of business: a page layout, a style, colours, fonts, and a list of things to avoid. Then your AI builds with it.
What you need. Claude Code (or Cursor, Codex and other coding agents) on your computer, plus Python 3. Two commands install it.
Install the UI UX Pro Max design skill for me. 1. Run these two commands in the terminal: claude plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill claude plugin install ui-ux-pro-max@ui-ux-pro-max-skill 2. Check that python3 --version works. The skill's search script needs Python 3. If it is missing, tell me how to install it from python.org and stop. Do not install it yourself. 3. Tell me to restart Claude Code, and give me one example request to try on my own business.
What UI UX Pro Max does, and what it does not
It does not
- Build the site on its own. Claude Code still does the building
- Make logos, brand kits or images. Those are in the paid Premium version
- Install software behind your back. If Python is missing, it asks you
It does
- Pick a style, colours and fonts that fit your kind of business
- Suggest a page layout for landing pages
- Tell your AI what to avoid for your industry
- Give your AI a checklist before it hands over the design
- Work with 22 tech stacks, from plain HTML to React and Flutter
✦ Set it up
Set it up in 3 steps
Give your AI some design taste.
Who it's for
Anyone building a website or landing page with Claude Code who is tired of it looking like every other AI-made site.
What you need
- Claude Code, or another coding agent such as Cursor, Windsurf, Codex or Gemini CLI.
- Python 3 on your computer, for its search script. Check with: python3 --version
- A website or app project to use it on.
The steps by hand
- Open Claude Code and type: /plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
- Then type: /plugin install ui-ux-pro-max@ui-ux-pro-max-skill and restart Claude Code.
- Ask for design work as normal, for example: "Build a landing page for my yoga studio." The skill switches on by itself for design jobs.
Try it on your business
Use the ui-ux-pro-max skill. My business is [what you do and who you help, for example: a yoga studio in Ubud for beginners]. First show me the design system you would pick: the page layout, the style, the colours, the fonts and what to avoid. Wait for my OK, then build the homepage.
How I'd use it
- Tell it your business, who you serve and the feeling you want, like "calm and premium" or "bold and playful".
- Ask it to show the design system first, change what you do not like, then let it build.
- Use it to redo one page you already have, and compare the two side by side.
Honest limits, costs and licence
- Free and open source (MIT). A paid Premium version adds brand identity, logos, banners, slides and image generation. You do not need it for website design.
- It needs Python 3 for its search script. The script only uses what comes with Python and makes no network calls.
- It guides your AI. The final look still depends on what you ask for and what you approve.
Why I share it
I don't make UI UX Pro Max and nobody pays me to share it. It's a free tool I think is worth ten minutes of your time. Try it this week and tell me what you used it for first.
✦ Get unstuck
Stuck? Find your line.
The /plugin command is not recognised
Update Claude Code to the latest version and try again. Or use the other way on the GitHub page: npm install -g ui-ux-pro-max-cli, then uipro init --ai claude in your project folder.
It says Python is missing
Install Python 3 from python.org, close and reopen your terminal, and check with python3 --version.
My site still looks generic
Give it more to work with: your business, your audience and the feeling you want. Ask it to show the design system first, and change what you do not like before it builds.
I use Cursor or another tool
Run npm install -g ui-ux-pro-max-cli, go to your project folder, and run uipro init --ai cursor (or your tool’s name, the GitHub page lists them all).
Is there a catch?
Free and open source (MIT), made by Next Level Builder. A paid Premium version adds logos and brand kits. It needs Python 3 for its search script, and that script makes no network calls.
My screen looks different from the steps
Apps change their screens. Use the official links above, which the people who make UI UX Pro Max keep up to date.
None of these fixed it
Email joe@mastermindshq.business. Say which step you were on and paste what you saw.
✦ What next · paid · optional
Want the next step? Get Found on Google and ChatGPT.
You came for one piece of my Claude Code setup. If you have your own website, the next useful job for that setup is getting the site found.
Get your website listed on Google and Bing so people (and ChatGPT) can find you by your name and your service. ChatGPT finds websites mostly through Bing, so we tell Bing about you too. Your own Claude Code does the work on your computer, one prompt at a time.
- What it does: sets up Google and Bing, your Google Business Profile, posts that answer real customer questions, and a monthly check.
- What usually happens: your site shows up when people search your name or business name within a few weeks.
- What it cannot promise: ranking for competitive searches like "best X near me". That takes months of steady posts.
- You need a website in a folder Claude Code can open, Node.js 20 or newer, and a free Google account. It is not for Squarespace or Wix sites.
Not for you? Close this page. Everything above stays free.
Created by Joe Che.
ChatGPT is a trademark of OpenAI. Claude is a trademark of Anthropic. This page is not affiliated with either.