Does it provide implementation-specific code examples?

Yes, it offers stack-specific guidelines for various frameworks, ensuring that design recommendations are translated into clean, performant code.

How does UI/UX Pro Max help with web accessibility?

It provides critical, priority-ranked guidelines for color contrast, focus states, ARIA labels, and keyboard navigation to ensure compliance with modern standards.

Which frameworks and tech stacks are supported?

The skill supports React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind CSS, and shadcn/ui.

Can this skill generate a full design system from a prompt?

Yes, by using the --design-system flag, it analyzes your product requirements to generate a complete system including patterns, styles, colors, and typography.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: hotriluan

byhotriluan

•

Design Tools

Provides expert UI/UX design intelligence, component implementation patterns, and automated design system generation across web and mobile stacks.

About

UI/UX Pro Max is a comprehensive design intelligence skill for Claude Code that empowers developers to build professional, accessible, and high-performance user interfaces. It features a searchable database of over 50 design styles, 90+ color palettes, and nearly 100 UX guidelines, supporting major frameworks including React, Next.js, Tailwind CSS, and mobile stacks like Flutter and SwiftUI. By applying priority-based reasoning, the skill helps you generate cohesive design systems, select optimal font pairings, and implement production-ready components that adhere to modern accessibility and performance standards.

Key Features

Automated design system generation for specific product types and industries
Critical accessibility and interaction auditing based on priority-ranked rules
Support for 9 technology stacks including React, Next.js, Tailwind, and Flutter
Comprehensive data visualization guide with 25+ chart type recommendations
Library of 50+ UI styles like Glassmorphism, Neumorphism, and Bento Grid
1 GitHub stars

Use Cases

Generating professional design systems for SaaS dashboards and admin panels
Building high-converting landing pages with optimized typography and layouts
Refactoring legacy frontend code to improve mobile responsiveness and accessibility

About

Key Features

Automated design system generation for specific product types and industries
Critical accessibility and interaction auditing based on priority-ranked rules
Support for 9 technology stacks including React, Next.js, Tailwind, and Flutter
Comprehensive data visualization guide with 25+ chart type recommendations
Library of 50+ UI styles like Glassmorphism, Neumorphism, and Bento Grid
1 GitHub stars

Use Cases

Generating professional design systems for SaaS dashboards and admin panels
Building high-converting landing pages with optimized typography and layouts
Refactoring legacy frontend code to improve mobile responsiveness and accessibility