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.

主要功能

01Curated color palettes and Google Font pairings categorized by industry

02Automated 'Professional UI' rules to prevent common design anti-patterns

032 GitHub stars

04Integrated pre-delivery checklist for visual quality and accessibility

05Framework-specific guidelines for React, Next.js, Vue, Svelte, and Mobile Stacks

06Searchable database of 50+ UI styles including Glassmorphism, Brutalism, and Bento Grid

使用场景

01Refactoring legacy frontend code to follow modern UX and accessibility standards

02Building high-conversion SaaS landing pages with modern design systems

03Designing complex analytics dashboards with recommended chart types and layouts

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hongbietcode/synthetic-claude ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill