How does the search functionality improve design output?

It allows Claude to query specific domains like 'typography', 'color', and 'ux' to find exact hex codes, font imports, and layout structures tailored to your specific industry or product type.

Does this skill help with web accessibility (a11y)?

Yes, it includes built-in rules for color contrast ratios, screen reader compatibility, and an accessibility checklist that must be verified before code delivery.

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

The skill supports eight major stacks: React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and a default HTML-Tailwind configuration.

Can I use this for mobile app development?

Absolutely. UI/UX Pro Max includes specific design intelligence and best practices for mobile-centric frameworks like SwiftUI, Flutter, and React Native.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: robertpelloni

byrobertpelloni

•

デザインツール

Generates production-grade frontend interfaces using a comprehensive database of UI styles, color palettes, and framework-specific best practices.

概要

UI/UX Pro Max is an advanced design intelligence skill for Claude Code that bridges the gap between raw code and professional design. It provides developers with a searchable database of over 50 UI styles—including glassmorphism, minimalism, and bento grids—alongside curated font pairings and accessible color palettes. By enforcing strict professional standards such as SVG-only iconography and optimized light/dark mode contrast, this skill ensures that generated web and mobile interfaces are not only functional but also visually stunning and accessible across eight major development stacks.

主な機能

Searchable database of 50+ UI styles and 21 accessible color palettes
Framework-specific guidelines for React, Next.js, Vue, Svelte, and Mobile (SwiftUI/Flutter)
Specialized design patterns for dashboards, SaaS, e-commerce, and landing pages
Professional font pairing recommendations with Google Fonts integration
3 GitHub stars
Comprehensive UX audit checklist covering accessibility, interaction, and visual quality

ユースケース

Developing data-heavy SaaS dashboards with specialized chart recommendations and responsive tables
Refactoring existing CSS or Tailwind code to implement modern design systems like Neumorphism or Minimalist Dark Mode
Building high-conversion landing pages with optimized hero sections and social proof layouts

概要

主な機能

Searchable database of 50+ UI styles and 21 accessible color palettes
Framework-specific guidelines for React, Next.js, Vue, Svelte, and Mobile (SwiftUI/Flutter)
Specialized design patterns for dashboards, SaaS, e-commerce, and landing pages
Professional font pairing recommendations with Google Fonts integration
3 GitHub stars
Comprehensive UX audit checklist covering accessibility, interaction, and visual quality

ユースケース

Developing data-heavy SaaS dashboards with specialized chart recommendations and responsive tables
Refactoring existing CSS or Tailwind code to implement modern design systems like Neumorphism or Minimalist Dark Mode
Building high-conversion landing pages with optimized hero sections and social proof layouts