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

0•

디자인 도구

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.

주요 기능

010 GitHub stars

02Prioritized UX auditing covering Accessibility (WCAG), performance, and touch interactions.

03Integrated data visualization guide with recommendations for 25+ chart types.

04Support for 9 modern stacks including React, Vue, Svelte, SwiftUI, and Flutter.

05Automated Design System generation with hierarchical MASTER.md persistence.

06Extensive library of 50+ design styles including Glassmorphism, Bento, and Minimalism.

사용 사례

01Building a high-conversion landing page with consistent branding and modern aesthetics.

02Auditing existing frontend code for accessibility gaps and performance bottlenecks.

03Generating cross-platform design guidelines for mobile apps using React Native or Flutter.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add within-7/minto-plugin-tools ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill