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.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: haduyson

byhaduyson

Herramientas de Diseño

Designs and implements aesthetically pleasing, production-ready user interfaces using an extensive database of styles, palettes, and best practices.

Acerca de

Acts as a comprehensive design intelligence partner for creating beautiful and professional user interfaces. By leveraging a searchable database of UI styles, color palettes, font pairings, and UX guidelines, this skill guides the entire frontend development process from initial requirements analysis to final implementation. It is essential for any task involving UI/UX, whether you're building a new landing page, designing a complex dashboard, or refactoring an existing application to meet modern aesthetic and accessibility standards across stacks like React, Vue, Svelte, and Tailwind CSS.

Características Principales

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.
0 GitHub stars
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.

Casos de Uso

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.

Acerca de

Características Principales

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.
0 GitHub stars
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.

Casos de Uso

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.