Does it support accessibility (a11y) standards?

Absolutely. The skill includes specific search domains for UX best practices that cover accessibility, color contrast, and inclusive layout design.

Which frontend frameworks are supported by UI/UX Pro Max?

The skill provides specific implementation patterns for React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter, with a default focus on HTML and Tailwind CSS.

Can this skill help improve existing UI code?

Yes, it includes 'review', 'fix', and 'optimize' actions that analyze your existing code against its database of UX best practices and design intelligence.

How does the skill handle icons and visual elements?

It enforces professional standards by recommending SVG icon libraries like Lucide and Heroicons, specifically discouraging the use of emojis for UI icons.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: spitzheffel

byspitzheffel

Design Tools

Transforms development workflows by providing instant access to professional UI/UX design systems, palettes, and stack-specific implementation patterns.

About

UI/UX Pro Max is a comprehensive design intelligence skill that turns Claude into a high-level frontend architect. It leverages a searchable database of over 50 UI styles (including glassmorphism, bento grids, and brutalism), 21 color palettes, and 50 curated font pairings to generate production-ready interfaces. Designed for developers who need professional aesthetics without a dedicated designer, the skill provides deep support for frameworks like React, Next.js, and Flutter, ensuring every component adheres to strict accessibility standards, spacing rules, and modern interaction patterns.

Key Features

Searchable database of 50+ UI styles and 50 font pairings with Google Fonts imports
Strict professional standards enforcement including SVG icon usage and stable hover states
Tailored implementation guides for React, Next.js, Vue, Svelte, and Mobile (SwiftUI/Flutter)
Built-in UX audit checklist covering accessibility, contrast, and interaction feedback
Automated landing page and dashboard structure recommendations for various industries
0 GitHub stars

Use Cases

Refactoring a legacy landing page to follow modern design trends like bento grids or glassmorphism
Building a high-fidelity SaaS dashboard with consistent data visualization and dark mode
Prototyping mobile-first e-commerce interfaces with framework-specific best practices

About

Key Features

Searchable database of 50+ UI styles and 50 font pairings with Google Fonts imports
Strict professional standards enforcement including SVG icon usage and stable hover states
Tailored implementation guides for React, Next.js, Vue, Svelte, and Mobile (SwiftUI/Flutter)
Built-in UX audit checklist covering accessibility, contrast, and interaction feedback
Automated landing page and dashboard structure recommendations for various industries
0 GitHub stars

Use Cases

Refactoring a legacy landing page to follow modern design trends like bento grids or glassmorphism
Building a high-fidelity SaaS dashboard with consistent data visualization and dark mode
Prototyping mobile-first e-commerce interfaces with framework-specific best practices