What frameworks does UI/UX Pro Max support?

The skill supports a wide range of stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter, while defaulting to HTML-Tailwind for web projects.

How does this skill improve UI quality?

It enforces professional standards such as using SVG icons (Lucide/Heroicons) instead of emojis, ensuring stable hover states, and maintaining strict accessibility and color contrast rules.

Can I use it to create specific design styles like Glassmorphism?

Yes, it contains specialized data for 50+ styles including Glassmorphism, Neumorphism, Brutalism, and Bento Grids with specific CSS and Tailwind implementations.

Does it help with typography and color selection?

Absolutely. It features a searchable database of 21 professional color palettes and 50 curated Google Font pairings tailored to specific product types like Fintech, Healthcare, or E-commerce.

UI/UX Pro Max - Design Intelligence

Name: UI/UX Pro Max - Design Intelligence
Author: LixvYang

byLixvYang

0•

Design Tools

Generates professional, production-grade UI/UX designs and code implementations using a searchable database of modern styles, palettes, and framework-specific best practices.

UI/UX Pro Max acts as a comprehensive design consultant for Claude, providing instant access to a curated database of 50+ UI styles, 21 color palettes, and 50 font pairings. It streamlines the transition from concept to code by offering specific implementation patterns for React, Next.js, Vue, Svelte, and mobile frameworks. By enforcing professional standards—such as using SVG icons over emojis and ensuring high-contrast accessibility—this skill ensures that AI-generated interfaces are not just functional, but visually sophisticated and user-friendly.

Key Features

01Comprehensive design assets including color palettes, Google Font pairings, and chart types

020 GitHub stars

03Searchable database of modern UI styles including Glassmorphism, Minimalism, and Bento Grids

04Strict professional UI rules for accessibility, hover states, and spacing consistency

05Automated multi-domain search workflow for cohesive design system generation

06Framework-specific guidance for React, Next.js, Vue, Svelte, SwiftUI, and Flutter

Use Cases

01Building high-conversion landing pages and SaaS dashboards with modern design systems

02Refactoring legacy UI code to meet modern accessibility and responsiveness standards

03Rapidly prototyping cross-platform mobile interfaces with native-feeling components

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add lixvyang/common-skills ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill