How does this skill improve UI quality?

It enforces professional standards such as using SVG icons instead of emojis, maintaining stable hover states, and ensuring high-contrast accessibility for both light and dark modes.

Does it provide accessibility (a11y) guidance?

Absolutely. It includes a pre-delivery checklist that verifies color contrast ratios, alt text for images, form labeling, and keyboard navigation support.

Which tech stacks are supported by UI/UX Pro Max?

The skill provides specific implementation patterns for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and defaults to HTML-Tailwind for web projects.

Can I use this for mobile app design?

Yes, it includes specialized domains for mobile frameworks like SwiftUI and Flutter, offering guidance on layout, theming, and platform-specific navigation patterns.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: julianromli

byjulianromli

•

101

Design Tools

Empowers Claude with a searchable database of professional UI styles, color palettes, font pairings, and stack-specific design guidelines.

About

UI/UX Pro Max is a comprehensive design intelligence skill that transforms Claude into a high-end product designer. It provides instant access to over 50 UI styles, 21 curated color palettes, and 50 font pairings, alongside implementation patterns for 8 major frameworks including React, Tailwind, and SwiftUI. Whether you are building a SaaS dashboard, a landing page, or a mobile app, this skill ensures your frontend code adheres to professional standards for accessibility, interaction design, and visual hierarchy while avoiding common UI pitfalls.

Key Features

Curated industry-specific color palettes and Google Font pairing recommendations.
101 GitHub stars
Searchable database of design trends including glassmorphism, brutalism, and bento grids.
Stack-specific best practices for React, Next.js, Vue, Svelte, and mobile frameworks.
Comprehensive UX checklist covering accessibility, smooth transitions, and responsive layout rules.
Integrated research workflow to analyze product requirements before generating code.

Use Cases

Building high-conversion landing pages with optimized hero sections and social proof layouts.
Designing and implementing complex dashboards with consistent chart styles and data visualizations.
Refactoring existing frontend code to improve visual polish, dark mode contrast, and interaction feedback.

About

Key Features

Curated industry-specific color palettes and Google Font pairing recommendations.
101 GitHub stars
Searchable database of design trends including glassmorphism, brutalism, and bento grids.
Stack-specific best practices for React, Next.js, Vue, Svelte, and mobile frameworks.
Comprehensive UX checklist covering accessibility, smooth transitions, and responsive layout rules.
Integrated research workflow to analyze product requirements before generating code.

Use Cases

Building high-conversion landing pages with optimized hero sections and social proof layouts.
Designing and implementing complex dashboards with consistent chart styles and data visualizations.
Refactoring existing frontend code to improve visual polish, dark mode contrast, and interaction feedback.