What UI styles are available in the database?

It includes over 50 modern styles such as Glassmorphism, Claymorphism, Bento Grid, Neumorphism, and Brutalism.

How do I generate a full design system using this skill?

You can trigger a comprehensive design system generation by running the search script with the --design-system flag followed by your project keywords.

What frameworks are supported by UI/UX Pro Max?

The skill supports 9 major stacks: HTML-Tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and Jetpack Compose.

Can I save my design preferences for future coding sessions?

Yes, by using the --persist flag, the skill creates a MASTER.md design file that ensures consistent styling across different pages and sessions.

Does this skill help with web accessibility (A11y)?

Yes, it prioritizes accessibility as a Level 1 critical rule, providing specific checks for color contrast, ARIA labels, and focus states.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: black8848

byblack8848

デザインツール

Provides specialized UI/UX design intelligence, accessibility guidelines, and multi-stack implementation patterns for high-quality frontend development.

概要

UI/UX Pro Max is a comprehensive design companion for Claude Code that equips developers with a searchable database of 50+ UI styles, 97 color palettes, and 57 font pairings. It facilitates the creation of professional-grade interfaces by offering automated design system generation and priority-based UX guidelines ranging from accessibility to performance. Designed for developers building everything from SaaS dashboards to mobile applications, this skill bridges the gap between raw code and polished design by providing specific implementation rules for nine major technology stacks including React, Next.js, Vue, and SwiftUI.

主な機能

Critical UX and accessibility audits covering touch targets, color contrast, and keyboard navigation.
Automated design system generation tailored to specific industries and product types.
Comprehensive database of 50+ UI styles including Glassmorphism, Bento Grid, and Minimalism.
Implementation support for 9 technology stacks including Tailwind, React, Flutter, and SwiftUI.
Hierarchical design persistence for maintaining consistency across multiple project sessions.
0 GitHub stars

ユースケース

Generating a cohesive design system and visual style for a new SaaS landing page or dashboard.
Rapidly prototyping mobile application interfaces using framework-specific best practices for React Native or Flutter.
Conducting accessibility and performance reviews on existing UI components to ensure industry standards.

概要

主な機能

Critical UX and accessibility audits covering touch targets, color contrast, and keyboard navigation.
Automated design system generation tailored to specific industries and product types.
Comprehensive database of 50+ UI styles including Glassmorphism, Bento Grid, and Minimalism.
Implementation support for 9 technology stacks including Tailwind, React, Flutter, and SwiftUI.
Hierarchical design persistence for maintaining consistency across multiple project sessions.
0 GitHub stars

ユースケース

Generating a cohesive design system and visual style for a new SaaS landing page or dashboard.
Rapidly prototyping mobile application interfaces using framework-specific best practices for React Native or Flutter.
Conducting accessibility and performance reviews on existing UI components to ensure industry standards.