How does the search functionality work?

It uses a local Python search script to query specific domains like 'product', 'style', 'typography', and 'color' to provide context-aware design recommendations.

Can I use UI/UX Pro Max for mobile app development?

Absolutely. It contains specific design intelligence and best practices for mobile frameworks like SwiftUI, React Native, and Flutter.

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

The skill supports 8 major stacks: React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and defaults to HTML-Tailwind if no stack is specified.

Does this skill help with accessibility?

Yes, it includes built-in rules for light/dark mode contrast, focus states, and aria-labels, along with a pre-delivery checklist to ensure WCAG compliance.

UI/UX Pro Max - Frontend Design Intelligence

Name: UI/UX Pro Max - Frontend Design Intelligence
Author: hongbietcode

byhongbietcode

•

디자인 도구

Empowers Claude to design and implement professional-grade frontend interfaces using a curated database of styles, palettes, and UX best practices.

소개

UI/UX Pro Max is a comprehensive design intelligence skill that transforms Claude into a high-level frontend consultant. It provides instant access to a searchable database of over 50 UI styles, 21 color palettes, and 50 font pairings, ensuring every interface is both aesthetic and functional. Beyond simple styling, it enforces professional UI standards—such as proper SVG icon usage and accessibility compliance—across 8 major stacks including React, Next.js, and Flutter. It is the essential tool for developers looking to bridge the gap between raw code and polished, production-ready product design.

주요 기능

Curated color palettes and Google Font pairings categorized by industry
Automated 'Professional UI' rules to prevent common design anti-patterns
2 GitHub stars
Integrated pre-delivery checklist for visual quality and accessibility
Framework-specific guidelines for React, Next.js, Vue, Svelte, and Mobile Stacks
Searchable database of 50+ UI styles including Glassmorphism, Brutalism, and Bento Grid

사용 사례

Refactoring legacy frontend code to follow modern UX and accessibility standards
Building high-conversion SaaS landing pages with modern design systems
Designing complex analytics dashboards with recommended chart types and layouts

소개

주요 기능

Curated color palettes and Google Font pairings categorized by industry
Automated 'Professional UI' rules to prevent common design anti-patterns
2 GitHub stars
Integrated pre-delivery checklist for visual quality and accessibility
Framework-specific guidelines for React, Next.js, Vue, Svelte, and Mobile Stacks
Searchable database of 50+ UI styles including Glassmorphism, Brutalism, and Bento Grid

사용 사례

Refactoring legacy frontend code to follow modern UX and accessibility standards
Building high-conversion SaaS landing pages with modern design systems
Designing complex analytics dashboards with recommended chart types and layouts