Does this skill provide accessibility (a11y) guidance?

Yes, it includes a comprehensive pre-delivery checklist covering alt text, form labels, high-contrast ratios, and prefers-reduced-motion support.

Can I use it for mobile app design?

Yes, it includes dedicated stacks for SwiftUI, React Native, and Flutter, along with mobile-specific layout and interaction best practices.

How do I trigger the UI/UX Pro Max workflow?

Claude will automatically activate this skill when you use keywords like 'beautiful', 'stunning', 'aesthetic', or when requesting specific UI components like dashboards and landing pages.

What frontend frameworks does UI/UX Pro Max support?

The skill provides specific guidelines for React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter, defaulting to HTML-Tailwind if none is specified.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: khoi1009

bykhoi1009

0•

Design Tools

Generates professional, high-fidelity UI/UX designs and implementation patterns across multiple web and mobile frameworks.

UI/UX Pro Max is a specialized design intelligence skill for Claude Code that acts as a comprehensive searchable database for frontend development. It provides access to over 50 UI styles (like Glassmorphism and Brutalism), 21 curated color palettes, and 50 font pairings to help developers build aesthetically pleasing and accessible interfaces. By integrating stack-specific best practices for React, Next.js, Vue, and mobile platforms, it ensures that AI-generated code follows professional standards for interaction, spacing, and visual hierarchy while avoiding common pitfalls like low-contrast text or inconsistent iconography.

Key Features

01Database of 50+ UI styles including minimalism, bento grids, and neumorphism

02Automated search for optimized color palettes and Google Font pairings

03Specialized design patterns for dashboards, e-commerce, and SaaS landing pages

04Framework-specific guidelines for React, Next.js, Vue, Svelte, and Mobile stacks

05Professional UX checklists covering accessibility, transitions, and layout

060 GitHub stars

Use Cases

01Refactoring existing frontend code to improve accessibility and design consistency

02Creating a complex data dashboard with optimized chart and layout recommendations

03Building a high-conversion SaaS landing page with modern aesthetic styles

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add khoi1009/vibecode-with-multi-agent-longcot ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill