How do I start a new design with this skill?

You can start by using the --design-system flag followed by your product type and keywords to have Claude generate a complete visual identity and design reasoning.

What tech stacks does UI/UX Pro Max support?

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

Can it help with web accessibility?

Yes, accessibility is the skill's top priority, providing critical rules for color contrast, ARIA labels, focus states, and keyboard navigation.

Does it provide data visualization guidance?

Yes, it includes 25+ chart types with specific guidance on matching data types to the most effective visualization patterns and accessible color palettes.

Can it optimize my existing UI code?

Absolutely. Use the review or fix actions to have Claude identify and resolve UI inconsistencies, layout shifts, or unprofessional styling in your CSS/TSX files.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: Nam0101

byNam0101

•

デザインツール

Provides comprehensive UI/UX design intelligence and implementation patterns for modern web and mobile applications.

概要

UI/UX Pro Max is a sophisticated design intelligence skill that equips Claude with a massive database of 50+ visual styles, 97 color palettes, and 57 font pairings to streamline the frontend development process. It offers domain-specific guidance across 9 major technology stacks, including React, Next.js, and Tailwind CSS, while prioritizing accessibility and performance. Developers can use this skill to instantly generate cohesive design systems, select professional-grade components, and ensure their interfaces adhere to industry-standard UX best practices from the start of the project.

主な機能

Comprehensive design system generation with curated palettes and font pairings
Tech-stack specific implementation guides for React, Next.js, Vue, SwiftUI, and Flutter
Built-in accessibility and performance auditing based on WCAG standards
1 GitHub stars
Searchable database of 25+ chart types and data visualization best practices
Access to 50+ modern UI styles including Glassmorphism, Bento Grid, and Neumorphism

ユースケース

Auditing existing frontend code for accessibility (A11y) and mobile responsiveness
Rapidly prototyping landing pages or SaaS dashboards with professional design systems
Implementing specific visual styles like Glassmorphism or Claymorphism within Tailwind CSS

概要

主な機能

Comprehensive design system generation with curated palettes and font pairings
Tech-stack specific implementation guides for React, Next.js, Vue, SwiftUI, and Flutter
Built-in accessibility and performance auditing based on WCAG standards
1 GitHub stars
Searchable database of 25+ chart types and data visualization best practices
Access to 50+ modern UI styles including Glassmorphism, Bento Grid, and Neumorphism

ユースケース

Auditing existing frontend code for accessibility (A11y) and mobile responsiveness
Rapidly prototyping landing pages or SaaS dashboards with professional design systems
Implementing specific visual styles like Glassmorphism or Claymorphism within Tailwind CSS