Is it suitable for mobile app development?

Absolutely. It includes specialized guidelines for SwiftUI, Flutter, and React Native, with a focus on touch-target sizes, haptics, and mobile interaction patterns.

How does the Master + Overrides pattern work?

It creates a global MASTER.md for shared design rules and page-specific files (e.g., dashboard.md) that override global rules for specific layouts, ensuring both consistency and flexibility.

Does it include specific UI visual styles?

Yes, it includes 50+ distinct styles including Glassmorphism, Claymorphism, Minimalist, Brutalist, Bento grids, and Neumorphism.

Can it help with web accessibility compliance?

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

What technology stacks does UI/UX Pro Max support?

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

UI/UX Pro Max Intelligence

Name: UI/UX Pro Max Intelligence
Author: ZhanlinCui

byZhanlinCui

•

Design Tools

Generates comprehensive, production-grade design systems and UI/UX code across nine modern technology stacks.

UI/UX Pro Max is a sophisticated design intelligence skill that bridges the gap between creative design and technical implementation for AI-driven development. It provides Claude with an extensive database of 50+ visual styles, nearly 100 color palettes, and expert-level UX guidelines for web and mobile applications. By automating the creation of hierarchical design systems (Master + Overrides), it ensures consistency across complex projects while offering domain-specific recommendations for accessibility, performance, and typography. Whether building a SaaS dashboard, a high-converting landing page, or a mobile app, this skill provides the specific patterns and best practices needed to deliver professional-grade user interfaces.

Key Features

01Instant Design System Generation: Automatically creates cohesive palettes, typography, and styles based on project intent.

02Hierarchical Design Management: Supports a Master design system with page-specific overrides for complex multi-page applications.

0317 GitHub stars

04Accessibility-First Patterns: Integrated WCAG contrast checks and keyboard navigation standards to ensure inclusive design.

05Interactive Component Intelligence: Best practices for high-quality buttons, modals, forms, and complex data visualizations.

06Multi-Stack Support: Expert implementation guidance for React, Next.js, Vue, Svelte, SwiftUI, Flutter, and Tailwind CSS.

Use Cases

01Implementing advanced UI styles like Glassmorphism, Neumorphism, or Bento grids using Tailwind CSS utilities.

02Auditing existing frontend code to identify and fix UX issues like inconsistent spacing or poor mobile responsiveness.

03Scaffolding a new SaaS dashboard with professional color schemes and accessible layouts from a single prompt.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add zhanlincui/ultimate-agent-skills-collection ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill