How does the 'Master Design System' feature work?

It uses a specialized search command to analyze your project requirements and creates a global source of truth (MASTER.md) that Claude references to maintain visual consistency across all pages.

What frameworks does UI/UX Pro Max support?

The skill supports 9 major technology stacks: HTML/Tailwind (default), React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and shadcn/ui.

Does it support mobile-specific design guidelines?

Absolutely. It includes critical guidelines for touch target sizes (44x44px), mobile-readable font sizes, and specific stacks like SwiftUI and Flutter.

How do I use this to improve my existing UI code?

You can use the 'review' or 'fix' actions combined with domain searches like '--domain ux' to identify and resolve common layout, spacing, and interaction issues.

Can this skill help with web accessibility (a11y)?

Yes, accessibility is the skill's highest priority. It provides specific rules for color contrast, ARIA labels, focus states, and keyboard navigation to ensure WCAG compliance.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: Within-7

byWithin-7

デザインツール

Provides professional design intelligence and automated UI/UX workflows to build accessible, high-performance interfaces across nine major tech stacks.

概要

UI/UX Pro Max is a comprehensive design intelligence skill for Claude Code that bridges the gap between development and professional design. It features a vast database of 50+ styles, 97 color palettes, and 99 UX guidelines, allowing developers to generate production-ready design systems for SaaS, e-commerce, portfolios, and dashboards. By automating the creation of a 'Master Design System' and enforcing critical accessibility and performance rules, it ensures that generated code is not only functional but also visually polished and user-friendly. Whether you are working with React, Next.js, Flutter, or Tailwind CSS, this skill provides domain-specific guidance to eliminate common 'developer UI' pitfalls.

主な機能

0 GitHub stars
Prioritized UX auditing covering Accessibility (WCAG), performance, and touch interactions.
Integrated data visualization guide with recommendations for 25+ chart types.
Support for 9 modern stacks including React, Vue, Svelte, SwiftUI, and Flutter.
Automated Design System generation with hierarchical MASTER.md persistence.
Extensive library of 50+ design styles including Glassmorphism, Bento, and Minimalism.

ユースケース

Building a high-conversion landing page with consistent branding and modern aesthetics.
Auditing existing frontend code for accessibility gaps and performance bottlenecks.
Generating cross-platform design guidelines for mobile apps using React Native or Flutter.

概要

主な機能

0 GitHub stars
Prioritized UX auditing covering Accessibility (WCAG), performance, and touch interactions.
Integrated data visualization guide with recommendations for 25+ chart types.
Support for 9 modern stacks including React, Vue, Svelte, SwiftUI, and Flutter.
Automated Design System generation with hierarchical MASTER.md persistence.
Extensive library of 50+ design styles including Glassmorphism, Bento, and Minimalism.

ユースケース

Building a high-conversion landing page with consistent branding and modern aesthetics.
Auditing existing frontend code for accessibility gaps and performance bottlenecks.
Generating cross-platform design guidelines for mobile apps using React Native or Flutter.