Can it help with web accessibility compliance?

Yes, accessibility is a priority level 1 category in the skill, covering color contrast, focus states, ARIA labels, and keyboard navigation.

Which frontend frameworks are supported?

The skill supports 9 major stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, shadcn/ui, and standard HTML/Tailwind.

Does it provide actual code examples?

Yes, it provides implementation-specific best practices and integrated component search, especially when used with tools like shadcn/ui.

How does the design system persistence work?

It uses a 'Master + Overrides' pattern, saving a global source of truth in a MASTER.md file while allowing specific pages to have their own design deviations.

What is the primary purpose of UI/UX Pro Max?

It provides Claude with specialized design intelligence to help developers plan, build, and optimize user interfaces with professional-grade aesthetics and usability.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: Shawn-Guo-CN

byShawn-Guo-CN

0•

디자인 도구

Generates comprehensive design systems and high-fidelity UI/UX guidelines for professional web and mobile applications.

UI/UX Pro Max is an advanced design intelligence skill for Claude Code that empowers developers to build production-grade interfaces with ease. It features a massive searchable database of over 50 styles, 97 color palettes, and 57 font pairings, all tailored to specific industries like fintech, healthcare, and e-commerce. The skill automates the creation of hierarchical design systems (Master and Page-specific overrides) and provides critical guidance on accessibility, performance, and interaction patterns across 9 major technology stacks, including React, Next.js, and Flutter.

주요 기능

01Extensive database of 50+ UI styles like Glassmorphism and Bento Grid

02Hierarchical design persistence for consistent multi-page development

030 GitHub stars

04Critical accessibility (a11y) and touch-interaction auditing rules

05Support for 9+ technology stacks including React, SwiftUI, and Tailwind CSS

06Automated Design System generation with reasoning-based style selection

사용 사례

01Refactoring existing components to meet modern accessibility and performance standards

02Generating a cohesive visual identity and design system for a new SaaS startup

03Creating specialized data dashboards with optimized chart types and layouts

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add shawn-guo-cn/agentfoundry-plugin-marketplace ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill