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

0•

设计工具

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

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.

主要功能

01Provides a searchable database of UI styles, color palettes, font pairings, and chart types.

02Enforces a structured workflow for analyzing requirements and making informed design decisions.

03Includes detailed checklists and rules for professional UI quality, covering layout, interaction, and accessibility.

040 GitHub stars

05Defines clear design anti-patterns to avoid common UI/UX pitfalls.

06Offers stack-specific implementation guidance for frameworks like React, Vue, Next.js, and Tailwind CSS.

使用场景

01Review and refactor an existing user interface to improve its aesthetics, usability, and accessibility.

02Generate a complete design system for a new web application, including color palettes, typography, and component styles.

03Build a visually stunning and responsive landing page from a simple prompt.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add haduyson/teletask ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill