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

0•

Design Tools

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

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.

Key Features

01Framework-Specific Guidelines for 9 stacks including React, Vue, and Tailwind CSS.

02Extensive UI Library covering 50+ modern styles and 99+ UX guidelines.

030 GitHub stars

04Automated Design System Generation with coordinated styles, colors, and typography.

05Advanced Data Visualization recommendations with 25+ chart types.

06Critical Accessibility (A11y) and Performance auditing based on industry standards.

Use Cases

01Implementing a consistent design language for cross-platform mobile apps in Flutter or React Native.

02Building accessible, conversion-optimized e-commerce landing pages using Tailwind CSS.

03Designing a high-performance SaaS dashboard with responsive layouts and data visualizations.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add grupous/neondash ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill