Claude Code

UI UX Pro Max: the Free Claude Skill That Makes Every Site Claude Builds Look Designed

136,000+ GitHub stars, free and open source. What it adds to Claude, how to install it in Claude Code with two commands, a first prompt to try, and the catch

2min read
1prompts to copy
8numbered steps
5sections

UI UX Pro Max is a free, open-source Claude skill (MIT, 136,000+ GitHub stars) that gives Claude a designer's rulebook. Ask Claude for any page and, instead of its usual purple-gradient look, it first picks a style, a colour palette and a font pair made for your kind of business, then builds the page with them.

Here's what it adds, how to install it, a prompt to start with, and the catch.

What changes when it's on

  • It matches your product to one of 192 product types (spa, SaaS, banking, restaurant, portfolio and more).
  • It picks a style from 79 (Soft UI, Glassmorphism, Claymorphism, Brutalism, Bento Grid, Dark Mode...).
  • It picks one of 192 colour palettes and one of 74 font pairings that fit that business.
  • It lists the things to avoid for that business (for a bank: no neon, no AI purple-pink gradients).
  • Before it hands the page over, it runs a checklist: readable text contrast (4.5:1), every clickable thing clickable, visible focus states, layouts from phone to desktop.
  • It knows 22 stacks: HTML + Tailwind by default, React, Next.js, Vue, Svelte, SwiftUI, Flutter and more.

Free, for your email

Get the full setup steps + the copy-paste setup prompt

The rest of this guide (4 more sections, 1 copy-paste prompt) opens right here. The setup prompt, one paste into Claude that sets it all up, comes by email only. Use your real address.

50,000+ follow where these guides come from. No spam, unsubscribe in one click.

Read next