What technology stacks does UI/UX Pro Max support?

It supports nine primary stacks: React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind CSS, and shadcn/ui.

Is it compatible with mobile application development?

Absolutely. It includes dedicated modules for SwiftUI, React Native, and Flutter, with specific focus on touch target sizes and mobile-responsive layouts.

Can I generate a complete design system automatically?

Yes, by using the --design-system command with keywords for your product type, the skill generates a comprehensive guide covering patterns, styles, colors, and typography.

How does it help with web accessibility?

The skill prioritizes accessibility as its highest rule category, providing specific requirements for color contrast (4.5:1 ratio), focus rings, ARIA labels, and keyboard navigation.

UI/UX Pro Max - Design Intelligence

Name: UI/UX Pro Max - Design Intelligence
Author: claudiodearaujo

byclaudiodearaujo

0•

디자인 도구

Provides comprehensive UI/UX design guidance, accessibility standards, and implementation patterns across nine modern technology stacks.

UI/UX Pro Max is a specialized design intelligence skill for Claude Code that empowers developers to build professional, accessible, and high-performance interfaces. It offers an extensive database of 50+ visual styles, 97 color palettes, and 99 UX guidelines, allowing for instant generation of cohesive design systems for SaaS, e-commerce, and mobile applications. By integrating domain-specific reasoning and stack-specific best practices for frameworks like React, Next.js, and Tailwind CSS, it ensures every component meets critical accessibility and interaction standards before a single line of code is written.

주요 기능

01Extensive library of 50+ UI styles including Glassmorphism, Minimalism, and Bento Grid

02Integrated shadcn/ui component search and implementation patterns

03Automated design system generation with the --design-system CLI flag

04Priority-based UX auditing for accessibility, performance, and touch interactions

05Support for 9 technology stacks including React, Next.js, SwiftUI, and Flutter

060 GitHub stars

사용 사례

01Auditing existing frontend code for accessibility gaps and responsive design issues

02Choosing the optimal chart types and data visualization patterns for complex admin panels

03Bootstrapping a new SaaS dashboard with a cohesive color palette and typography

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/izacenter ui-ux-pro-max

For use in Claude.ai and ChatGPT

주요 기능

01Extensive library of 50+ UI styles including Glassmorphism, Minimalism, and Bento Grid

02Integrated shadcn/ui component search and implementation patterns

03Automated design system generation with the --design-system CLI flag

04Priority-based UX auditing for accessibility, performance, and touch interactions

05Support for 9 technology stacks including React, Next.js, SwiftUI, and Flutter

060 GitHub stars

사용 사례

01Auditing existing frontend code for accessibility gaps and responsive design issues

02Choosing the optimal chart types and data visualization patterns for complex admin panels

03Bootstrapping a new SaaS dashboard with a cohesive color palette and typography