Frontend design
Design & Front-end
Makes the websites Claude builds look designed instead of generic.
Picks a full design system for your project: style, colours, fonts and layout rules.
A searchable library of UI styles, colour palettes, font pairings, chart styles and do-not-do lists that Claude consults before it writes any interface code. Ask for a landing page and it first proposes a design system matched to your industry, then builds to it.
Without it, Claude picks defaults. With it, a spa gets soft shadows and a serif, a fintech app gets something sharper, and both get a pre-delivery checklist covering contrast, focus states and mobile sizes.
The repo is very active and the premium upsell is clearly labelled, but the catalogue is large, so expect it to add a step before building.
In Claude Code run /plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill, then /plugin install ui-ux-pro-max@ui-ux-pro-max-skill. It needs Python 3 on your computer for its search script. There is also a command-line installer: npm install -g ui-ux-pro-max-cli, then uipro init --ai claude in your project folder.
Build a landing page for my physio clinic with online booking. Recommend a design system first, then build it.Non-designers building sites or apps who want them to look considered without hiring a designer.
Why it made the list
Its industry-specific recommendations make Claude's design choices explainable, not just prettier.
Design & Front-end
Makes the websites Claude builds look designed instead of generic.
Design & Front-end
Applies one of ten ready-made colour and font themes to any deck, doc or page.
Design & Front-end
Generate and edit images with Google's Nano Banana models without leaving Claude Code.
Design & Front-end
Resize, edit, brand-check and bulk-create Canva designs from Claude Code.