Can I save my design system for future use?

Yes, using the --persist flag creates a master design system and page-specific overrides that Claude can reference to maintain consistency across different coding sessions.

Does it provide specific component styling?

Yes, it includes best practices for core elements like buttons, modals, navbars, sidebars, forms, and charts, ensuring professional consistency across your entire project.

What is UI/UX Pro Max for Claude Code?

It is a specialized skill that provides Claude with a deep database of design patterns, styles, and UX rules to help it build better user interfaces through automated reasoning and implementation guidelines.

Which technology stacks are supported?

It supports 9 major stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind CSS, and shadcn/ui.

How does it handle web accessibility?

The skill treats accessibility as a critical priority, providing specific guidelines for color contrast, ARIA labels, focus states, keyboard navigation, and touch target sizes.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: Monichre

byMonichre

디자인 도구

Provides comprehensive UI/UX design intelligence and implementation patterns for professional web and mobile applications.

소개

UI/UX Pro Max is a powerful design intelligence skill for Claude Code that equips developers with a vast database of over 50 design styles, 97 color palettes, and 99 UX guidelines. It streamlines the frontend development process by automatically generating cohesive design systems—including typography pairings, accessibility rules, and chart recommendations—tailored to specific product types like SaaS, dashboards, or landing pages. By integrating domain-specific best practices across nine technology stacks including React, Tailwind, and SwiftUI, it ensures that every component built is not only visually stunning but also performant and accessible.

주요 기능

Automated design system generation tailored to specific industry and product types
Searchable database of 50+ UI styles like glassmorphism, bento grids, and minimalism
Support for 9 tech stacks including Tailwind CSS, React, Svelte, and Flutter
Hierarchical design storage with master files and page-specific override patterns
0 GitHub stars
Comprehensive accessibility and interaction guidelines prioritized by impact

사용 사례

Auditing and refactoring existing UI code to improve accessibility and responsive behavior
Building accessible, high-conversion landing pages for SaaS or e-commerce products
Creating consistent, data-rich dashboards with professional chart configurations

소개

주요 기능

Automated design system generation tailored to specific industry and product types
Searchable database of 50+ UI styles like glassmorphism, bento grids, and minimalism
Support for 9 tech stacks including Tailwind CSS, React, Svelte, and Flutter
Hierarchical design storage with master files and page-specific override patterns
0 GitHub stars
Comprehensive accessibility and interaction guidelines prioritized by impact

사용 사례

Auditing and refactoring existing UI code to improve accessibility and responsive behavior
Building accessible, high-conversion landing pages for SaaS or e-commerce products
Creating consistent, data-rich dashboards with professional chart configurations