How does the skill handle icons and brand logos?

It enforces the use of professional SVG libraries like Heroicons and Lucide while discouraging the use of emojis, ensuring a consistent and premium look.

Can it help with accessibility?

Yes, the skill includes specific guidelines and checklists for color contrast, alt text, and keyboard navigation to ensure WCAG compliance.

Which frameworks does this skill support?

It supports 8 major stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and defaults to HTML with Tailwind CSS.

What is UI/UX Pro Max?

It is a Claude Code skill that provides a searchable database of design patterns, styles, and best practices to help AI generate high-quality frontend interfaces.

UI/UX Pro Max - Design Intelligence

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

bybinjuhor

•

デザインツール

Enhances frontend development with a comprehensive design intelligence database for creating stunning, accessible, and high-performance user interfaces.

UI/UX Pro Max acts as an expert design consultant for Claude, providing instant access to 50+ UI styles, professional color palettes, font pairings, and UX best practices. It streamlines the frontend development process by offering structured guidance for various product types—from SaaS dashboards to landing pages—across multiple frameworks like React, Vue, and Tailwind. By automating design decisions and enforcing professional UI rules, such as consistent spacing and accessibility standards, it ensures that every generated interface meets high-fidelity production requirements.

主な機能

0157 GitHub stars

02Stack-specific implementation guidelines for React, Next.js, Vue, and Svelte

03Access to 50+ UI styles including Glassmorphism, Neumorphism, and Bento grids

04Integrated UX checklist for accessibility, contrast, and interactive states

05Specialized structure templates for landing pages, dashboards, and mobile apps

06Curated database of 21 color palettes and 50 professional font pairings

ユースケース

01Building a professional SaaS dashboard with complex charts and responsive layouts

02Auditing and refactoring existing frontend code to improve UI/UX and accessibility

03Designing and implementing a high-conversion landing page with a modern aesthetic

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add binjuhor/shadcn-lar ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill