How does it handle icons and visual assets?

The skill enforces the use of professional SVG icon sets like Heroicons or Lucide and provides guidance on brand-accurate logo integration.

What frontend frameworks does UI/UX Pro Max support?

It supports a wide range of stacks including React, Next.js, Vue, Svelte, Tailwind CSS, shadcn/ui, SwiftUI, React Native, and Flutter.

Does it provide specific design styles like Dark Mode or Glassmorphism?

Absolutely. It contains specific presets and CSS patterns for various modern styles including Glassmorphism, Claymorphism, Neumorphism, and specialized Dark Mode palettes.

Can this skill help with web accessibility (a11y)?

Yes, the skill includes built-in guidelines for contrast, font sizing, and layout spacing to ensure your UI is accessible and professional.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: 0000005

by0000005

•

Design Tools

Generates professional, production-ready UI/UX designs and code across multiple frameworks using a curated database of design patterns and best practices.

UI/UX Pro Max is a comprehensive design intelligence skill for Claude Code that empowers developers to build high-quality, aesthetically pleasing interfaces with speed. It provides instant access to a vast searchable database of over 50 UI styles, 21 color palettes, and 50 font pairings, supporting 9 major frontend stacks including React, Next.js, Vue, and Tailwind CSS. The skill guides Claude through a structured workflow—from requirement analysis to multi-domain searching—ensuring that every generated component follows professional standards for accessibility, interaction design, and visual hierarchy.

Key Features

01Industry-specific color palettes and typography pairings for fintech, healthcare, SaaS, and more

02Multi-stack implementation support for React, Next.js, Vue, Svelte, Tailwind, and Mobile (SwiftUI/Flutter)

03Searchable database for specific UI elements like charts, navigation bars, and complex forms

04Comprehensive library of 50+ UI styles including Glassmorphism, Minimalism, and Bento Grids

0560 GitHub stars

06Automated UI/UX checklist to ensure high-contrast, accessible, and responsive layouts

Use Cases

01Refactoring existing frontend code to improve visual polish and user experience

02Building high-conversion landing pages and e-commerce sites from scratch

03Designing complex, data-driven dashboards with optimized chart recommendations

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add 0000005/wechatagent ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill