This is essentially a design system and UI audit tool rolled into one skill. It runs accessibility checks (contrast ratios, focus states, ARIA labels), validates touch targets and spacing, and suggests specific color palettes and font pairings from its database of 161 palettes and 57 combinations. The real value is in the priority-based rule system that catches common UX problems like missing loading states, poor responsive breakpoints, and platform-specific interaction patterns. It covers 10 tech stacks so you get relevant code whether you're building in React, SwiftUI, or Flutter. Use it when designing new interfaces or when your UI feels off but you can't pinpoint why.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
1.8K
skills.sh installs
443.3K
GitHub stars
147.4K
last updated
Aug 21, 2026

Install

$ npx -y skills add nextlevelbuilder/ui-ux-pro-max-skill --skill ui-ux-pro-max --agent claude-code

Installs into .claude/skills of the current project.

Files

UI/UX Pro Max - Design Intelligence

Searchable local UI/UX guidance: 80 searchable styles (51 active), 192 product palettes and exact reasoning profiles, 74 font pairings, 120 UX guidelines, 105 curated icons, 17 GSAP presets, 25 chart types, and 22 technology stacks.

When to Apply

Use this Skill when the task involves UI structure, visual design decisions, interaction patterns, or user experience quality control: designing new pages, creating/refactoring UI components, choosing color/typography/spacing/layout systems, reviewing UI for UX/accessibility/consistency, implementing navigation/animation/responsive behavior, or improving perceived quality and usability.

Skip it for pure backend logic, API/database design, non-visual performance work, infrastructure/DevOps, or non-visual scripts — unless the task changes how something looks, feels, moves, or is interacted with.

Rule Categories by Priority

Follow priority 1→10 to decide which category to focus on first; use --domain <Domain> to query full details. The full rule text for every category lives in references/quick-reference.md — read it on demand rather than loading it every time.

Sponsors

Details

Repository
github.com/nextlevelbuilder/ui-ux-pro-max-skill
Categories
Frontend Development, Backend & APIs, Data Science & ML, Mobile Development, Design & UI/UX, PHP & Laravel, Databases, .NET & C#

More from nextlevelbuilder/ui-ux-pro-max-skill

All 13
1vercel-labs avatarvercel-react-view-transitionsvercel-labs/agent-skillsGuide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view tran185.5Kskills.sh installs
2wshobson avatartailwind-design-systemwshobson/agentsBuild scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implemen72.7Kskills.sh installs
3heygen-com avatartailwindheygen-com/hyperframesTailwind CSS v4.2 browser-runtime patterns for HyperFrames compositions. Use when scaffolding or editing projects created with `hyperframes init --tailwind`, wr70.6Kskills.sh installs
4expo avatarexpo-tailwind-setupexpo/skillsFramework (OSS). Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling53.6Kskills.sh installs
5angular avatarangular-developerangular/skillsGenerates Angular code and provides architectural guidance. Trigger when creating projects, components, services, or HTTP communication, or for best practices o48.9Kskills.sh installs
6nextlevelbuilder avatarui-stylingnextlevelbuilder/ui-ux-pro-max-skillCreate beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visu48.2Kskills.sh installs