Can I generate a full design system automatically?

Yes, by using the --design-system flag with your product type, the skill generates a complete set of patterns, styles, colors, and typography rules.

How does it help with web accessibility?

It provides critical checks for WCAG compliance, including color contrast ratios, focus states, aria-labels, and keyboard navigation patterns.

Does it include data visualization guidance?

Yes, it offers recommendations for over 25 chart types and best practices for presenting complex data clearly and accessibly.

Which frameworks does UI/UX Pro Max support?

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

Is it suitable for mobile app development?

Absolutely. It includes specific modules for SwiftUI, React Native, and Flutter, focusing on mobile-first touch targets and interaction patterns.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: GrupoUS

byGrupoUS

Herramientas de Diseño

Generates comprehensive design systems, accessibility audits, and production-ready UI components across nine major technology stacks.

Acerca de

UI/UX Pro Max is a sophisticated design intelligence skill that transforms Claude into a senior product designer and frontend expert. It provides developers with an extensive database of 50+ UI styles—ranging from glassmorphism to bento grids—alongside 97 color palettes and 57 font pairings. Beyond aesthetics, it enforces critical UX standards for accessibility, touch interaction, and performance across frameworks like React, Next.js, and Flutter. Whether you are building a SaaS dashboard or a mobile app, this skill ensures professional, consistent, and user-centric interfaces through automated design system generation and implementation-specific best practices.

Características Principales

Framework-Specific Guidelines for 9 stacks including React, Vue, and Tailwind CSS.
Extensive UI Library covering 50+ modern styles and 99+ UX guidelines.
0 GitHub stars
Automated Design System Generation with coordinated styles, colors, and typography.
Advanced Data Visualization recommendations with 25+ chart types.
Critical Accessibility (A11y) and Performance auditing based on industry standards.

Casos de Uso

Implementing a consistent design language for cross-platform mobile apps in Flutter or React Native.
Building accessible, conversion-optimized e-commerce landing pages using Tailwind CSS.
Designing a high-performance SaaS dashboard with responsive layouts and data visualizations.

Acerca de

Características Principales

Framework-Specific Guidelines for 9 stacks including React, Vue, and Tailwind CSS.
Extensive UI Library covering 50+ modern styles and 99+ UX guidelines.
0 GitHub stars
Automated Design System Generation with coordinated styles, colors, and typography.
Advanced Data Visualization recommendations with 25+ chart types.
Critical Accessibility (A11y) and Performance auditing based on industry standards.

Casos de Uso

Implementing a consistent design language for cross-platform mobile apps in Flutter or React Native.
Building accessible, conversion-optimized e-commerce landing pages using Tailwind CSS.
Designing a high-performance SaaS dashboard with responsive layouts and data visualizations.