UI/UX Pro Max
Designs and implements aesthetically pleasing, production-ready user interfaces using an extensive database of styles, palettes, and best practices.
The source repository doesn't declare a license. Check its terms before reusing the code.
Key features
- Provides a searchable database of UI styles, color palettes, font pairings, and chart types.
- Enforces a structured workflow for analyzing requirements and making informed design decisions.
- Includes detailed checklists and rules for professional UI quality, covering layout, interaction, and accessibility.
- Defines clear design anti-patterns to avoid common UI/UX pitfalls.
- Offers stack-specific implementation guidance for frameworks like React, Vue, Next.js, and Tailwind CSS.
Use cases
- Review and refactor an existing user interface to improve its aesthetics, usability, and accessibility.
- Generate a complete design system for a new web application, including color palettes, typography, and component styles.
- Build a visually stunning and responsive landing page from a simple prompt.
FAQ
When should I use this skill?
Activate this skill first whenever you need to design, build, review, or improve a user interface. It is essential for requests involving terms like 'beautiful,' 'aesthetic,' or 'modern design,' and for creating new components or full pages from scratch.
How does this skill improve my workflow?
It enforces a structured design process, from analyzing requirements to making informed decisions on style, typography, and color. It provides stack-specific guidance and a detailed pre-delivery checklist to ensure high-quality, professional results every time.
What does the UI/UX Pro Max skill do?
This skill acts as an AI design expert, using a large database of styles, color palettes, fonts, and best practices to help you design and implement professional, production-ready user interfaces for various applications and frameworks.
What capabilities does it provide?
It offers a searchable database of UI styles, color palettes, and font pairings. It also includes stack-specific implementation guides for frameworks like React, Vue, and Tailwind CSS, defines common anti-patterns to avoid, and provides checklists for UI quality and accessibility.
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