What is the 'Master + Overrides' pattern?

It is a persistence system that creates a MASTER.md for global design rules and page-specific files for deviations, ensuring consistency across large projects.

How do I generate a new design system?

Simply use the search script with the --design-system flag followed by your product type and style keywords to receive a complete visual foundation.

What frameworks does UI/UX Pro Max support?

It supports 9 major stacks: React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and shadcn/ui.

How does it handle accessibility (A11y)?

Accessibility is the skill's highest priority. It provides specific rules for color contrast, focus states, ARIA labels, and keyboard navigation to ensure WCAG compliance.

Can I use it for mobile app development?

Yes, it includes specialized guidelines and implementation patterns for SwiftUI, React Native, Flutter, and Jetpack Compose.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: agraham02

byagraham02

デザインツール

Generates professional design systems, accessibility-compliant layouts, and multi-stack frontend implementations with deep design intelligence.

概要

UI/UX Pro Max is a comprehensive design intelligence skill for Claude Code that empowers developers to build production-grade interfaces across nine technology stacks. It provides access to a massive database of 50+ styles, 97 color palettes, and 99 UX guidelines, enabling the automated creation of cohesive design systems using a hierarchical Master/Override pattern. Whether you are building a SaaS dashboard, a high-conversion landing page, or a mobile app, this skill ensures your code follows professional standards for accessibility, performance, and visual aesthetics.

主な機能

Hierarchical design persistence for multi-page project consistency
Support for 9 tech stacks including React, Next.js, Tailwind, and Flutter
0 GitHub stars
Automated design system generation with logic-based style matching
Priority-based UX audits covering accessibility, performance, and touch interaction
Rich library of UI patterns including Bento Grid, Glassmorphism, and Neumorphism

ユースケース

Developing complex SaaS dashboards with consistent data visualizations and charts
Reviewing and refactoring existing UI code to meet WCAG accessibility standards
Building a high-conversion landing page with accessible Tailwind CSS and custom animations

概要

主な機能

Hierarchical design persistence for multi-page project consistency
Support for 9 tech stacks including React, Next.js, Tailwind, and Flutter
0 GitHub stars
Automated design system generation with logic-based style matching
Priority-based UX audits covering accessibility, performance, and touch interaction
Rich library of UI patterns including Bento Grid, Glassmorphism, and Neumorphism

ユースケース

Developing complex SaaS dashboards with consistent data visualizations and charts
Reviewing and refactoring existing UI code to meet WCAG accessibility standards
Building a high-conversion landing page with accessible Tailwind CSS and custom animations