What technology stacks does UI/UX Pro Max support?

The skill supports 9+ major frameworks including React, Next.js, Vue, Svelte, Tailwind CSS, shadcn/ui, SwiftUI, Flutter, and React Native.

How does the 'Master and Overrides' pattern work?

It creates a global MASTER.md for shared design rules and allows page-specific deviations in a subfolder, which Claude prioritizes during code generation to ensure both consistency and flexibility.

Can this skill help with accessibility compliance?

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

Does this skill work for mobile app development?

Absolutely. It contains specific design guidelines, touch target requirements, and component patterns for mobile-native frameworks like SwiftUI, Flutter, and Jetpack Compose.

How do I start a new design with this skill?

You begin by using the --design-system flag with the search script to analyze your product type and industry, which generates a complete design specification for Claude to follow.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: Galaxy-Dawn

byGalaxy-Dawn

•

1,233

•

デザインツール

Generates comprehensive design systems, accessibility-first UI components, and professional styling across nine major technology stacks.

UI/UX Pro Max is an advanced design intelligence skill for Claude Code that bridges the gap between design and development. It provides a searchable database of over 50 UI styles, 97 color palettes, and 57 font pairings, enabling developers to bootstrap high-quality interfaces with a structured 'Master and Overrides' design system pattern. From auditing existing code for accessibility issues to generating responsive landing pages and complex dashboards, this skill ensures that every frontend project follows professional UX guidelines for performance, touch interaction, and visual hierarchy.

主な機能

01Hierarchical Design System generation with persistence for global and page-specific styles.

02Support for 9+ technology stacks including React, Next.js, Vue, Svelte, Tailwind, and Mobile (SwiftUI/Flutter).

03Priority-based UX auditing covering accessibility, performance, and responsive layout standards.

04Expansive library of 50+ design styles including Glassmorphism, Bento Grid, and Neumorphism.

05Integrated component search for specialized elements like charts, shadcn/ui, and data tables.

061,233 GitHub stars

ユースケース

01Rapidly prototyping a SaaS dashboard with a cohesive color palette and typography system.

02Generating responsive, high-conversion landing pages using industry-standard layout patterns.

03Reviewing frontend codebases to identify and fix accessibility (WCAG) and performance bottlenecks.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add galaxy-dawn/claude-scholar ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill