UI/UX Pro Max
Provides comprehensive design intelligence and implementation patterns for creating stunning, production-grade frontend interfaces across multiple frameworks.
The source repository doesn't declare a license. Check its terms before reusing the code.
Key features
- Searchable database of UI styles, color palettes, and typography pairings tailored to specific industries.
- Specialized structural recommendations for landing pages, dashboards, and e-commerce platforms.
- Framework-specific implementation guidance for popular stacks including React, Vue, Svelte, and Tailwind CSS.
- Built-in design checklists for visual quality, interaction feedback, and dark mode contrast.
- Comprehensive UX guidelines and anti-patterns for accessibility, animation, and responsive design.
Use cases
- Designing and building a high-conversion landing page with modern styles like glassmorphism or minimalism.
- Reviewing existing frontend code to identify and fix UX flaws, accessibility issues, or inconsistent branding.
- Developing professional dashboards and SaaS interfaces with consistent chart styling and layout spacing.
FAQ
What does the UI/UX Pro Max skill do?
UI/UX Pro Max acts as a design intelligence layer for Claude Code. It provides a searchable database of professional UI styles (like glassmorphism and bento grids), curated color palettes, typography pairings, and framework-specific implementation patterns to ensure your frontend is production-grade.
How does this skill improve my UI quality?
It enforces professional standards through built-in design checklists. It prevents common mistakes like using emojis as icons, poor color contrast in dark mode, or missing hover states, ensuring your code meets high-end visual and interaction standards.
Which frameworks and stacks are supported?
The skill provides optimized guidance for eight major stacks: HTML/Tailwind CSS (default), React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter. It includes specific best practices for state management, components, and styling within each.
When should I use this skill?
You should activate this skill at the beginning of any project involving frontend development. It is specifically designed to be triggered when you need to create 'stunning', 'modern', or 'aesthetic' interfaces for websites, dashboards, SaaS platforms, or mobile applications.
Does it help with accessibility and responsiveness?
Yes. UI/UX Pro Max includes comprehensive UX guidelines and anti-patterns focused on accessibility (a11y), responsive design across four standard breakpoints, and interaction feedback to ensure a high-quality user experience for all users.
Related skills
Frontend Design
Creates distinctive, production-grade frontend interfaces with high design quality and a memorable aesthetic.
Design Tools112 ptsFrontend Design
Creates distinctive, production-grade frontend interfaces with high design quality while avoiding generic AI-generated aesthetics.
Design Tools6812 ptsFrontend Design
Creates distinctive, production-grade frontend interfaces with high design quality by prioritizing bold aesthetic choices and avoiding generic AI-generated styles.
Design Tools312 pts