Does it provide UI component examples?

Yes, it includes guidelines for buttons, modals, navbars, cards, and tables, and integrates with shadcn/ui for component searching.

What technology 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.

How do I generate a full design system?

Use the --design-system flag followed by your product type and industry keywords to receive a complete set of recommendations including color, typography, and patterns.

Does this skill help with accessibility compliance?

Yes, it prioritizes accessibility as a critical category, providing rules for color contrast, focus states, ARIA labels, and keyboard navigation.

Can I use this for mobile app development?

Absolutely. It includes specific guidelines for mobile-first design, touch target sizes, and dedicated stacks for SwiftUI, React Native, and Flutter.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: michaelwsd

bymichaelwsd

0•

Design Tools

Generates professional UI/UX design systems and implementation guides for web and mobile applications across multiple technology stacks.

UI/UX Pro Max is a comprehensive design intelligence engine that provides Claude with access to an extensive database of 50+ visual styles, 97 color palettes, and 99 UX guidelines. It enables developers to instantly generate production-grade design systems—including typography, accessibility standards, and responsive layout patterns—tailored to specific industries like SaaS, e-commerce, or fintech. By integrating best practices for performance and interaction design, this skill helps transform basic requirements into accessible, visually stunning interfaces using frameworks like React, Next.js, Vue, and mobile platforms.

Key Features

01Comprehensive accessibility (a11y) and touch interaction auditing

02Tech-stack specific implementation guides for React, Next.js, Vue, Svelte, and Mobile

03Access to 50+ UI styles including Glassmorphism, Neumorphism, and Bento Grid

04Automated design system generation for specific industries and product types

050 GitHub stars

06Integrated charting recommendations and data visualization patterns

Use Cases

01Creating high-converting landing pages with industry-standard typography and sections

02Rapidly prototyping dashboards with optimized chart types and data-heavy layouts

03Auditing existing frontend code for accessibility compliance and responsive design issues

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add michaelwsd/ecommerce-demo ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill