The UI/UX skill for Claude Code
A design skill with styles, palettes, font pairings and UX rules built in.
From the reel: UI · Updated Oct 2026
A design skill with a searchable database of 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines and 25 chart types. It helps you make UI decisions backed by clear rules.
Website: ui-ux-pro-max-skill.nextlevelbuilder.io · GitHub: nextlevelbuilder/ui-ux-pro-max-skill
Step 1: Install from the plugin marketplace
In Claude Code, run:
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill
Step 2: Check it's loaded
Run /plugin. You should see ui-ux-pro-max in the list.
Step 3: Use it
Type /ui-ux-pro-max before your prompt in Claude Code.
When to use it
- Starting a new page or project: get a full design system recommendation
- Choosing styles, colors or fonts
- Reviewing existing UI with the built-in checklist (accessibility, touch, performance, layout)
- Fixing UI bugs
- Picking chart types for data
- Dark mode, animations, forms and navigation
Prompts to try
- Generate a design system for a wellness/spa booking app
- What color palette fits a fintech dashboard?
- Review this page for accessibility issues
- What font pairing works for a luxury e-commerce app?
- Best chart type for showing revenue trends over time?
- React Native performance tips for long lists
- Help me pick a style for a social media app - dark mode, vibrant
The skill also has a pre-delivery checklist for visual quality, interaction, light and dark mode, layout and accessibility.