How does it help with web accessibility (a11y)?

Accessibility is the skill's highest priority category. It provides automated checks for color contrast, focus states, ARIA labels, keyboard navigation, and semantic HTML.

Which technology stacks are supported by UI/UX Pro Max?

It provides specialized guidelines for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind CSS, and shadcn/ui.

What kind of UI styles can it generate?

The skill supports over 50 distinct styles including Minimalism, Brutalism, Glassmorphism, Claymorphism, Bento Grid, and modern SaaS Dark Mode.

Does it provide guidance for data visualization?

Yes, it includes recommendations for 25 different chart types and provides best practices for matching chart types to specific data sets and industries.

Can I save my design system for future sessions?

Yes, by using the --persist flag, the skill creates a MASTER.md file and page-specific overrides, allowing Claude to maintain design context across different coding sessions.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: bmad-labs

bybmad-labs

•

Design Tools

Provides comprehensive UI/UX design intelligence, accessibility audits, and automated design system generation across multiple frontend frameworks.

UI/UX Pro Max is a professional-grade design assistant for Claude Code that enables developers to build high-quality interfaces through a searchable database of 50+ styles, 97 color palettes, and 57 font pairings. It bridges the gap between design and code by enforcing critical UX standards, including WCAG accessibility, touch-target optimization, and performance best practices. The skill features a unique hierarchical design system persistence model, allowing developers to maintain a 'Master' source of truth while applying page-specific overrides for complex applications like SaaS dashboards, mobile apps, and e-commerce platforms.

Key Features

01Accesses a massive library of 50+ UI styles including Glassmorphism, Neumorphism, and Bento Grid.

021 GitHub stars

03Provides prioritized UX audits focusing on accessibility, performance, and interaction design.

04Offers tailored implementation guidelines for 9+ stacks including React, Next.js, Flutter, and Tailwind CSS.

05Generates persistent design systems with global master rules and page-specific overrides.

06Integrates with shadcn/ui for component searching and professional design patterns.

Use Cases

01Bootstrapping a new web or mobile project with a cohesive, accessible design system.

02Selecting optimal data visualization patterns and chart types for complex dashboards.

03Reviewing and refactoring existing frontend code to improve UX consistency and accessibility compliance.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add bmad-labs/skills ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill