ui-ux-pro-max

Search and synthesize UI/UX design guidance for styles, palettes, and fonts.

4|3|Updated Jan 23, 2026
One-click install
npx skills add https://github.com/cacr92/WeReply --skill ui-ux-pro-max-cacr92
Or copy as Structured Prompt for Agentโ–ผ
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/cacr92/WeReply/tree/main/.cursor/skills/ui-ux-pro-max
Command: npx skills add https://github.com/cacr92/WeReply --skill ui-ux-pro-max-cacr92

SYSTEM DOCUMENTATION & REQUIREMENTS

๐Ÿ’ก This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, helping users create professional, modern, and user-friendly interfaces by offering guidance on styles, color palettes, typography, and stack-specific best practices.

Core Features & Use Cases

  • Design System Generation: Recommends styles, color palettes, and font pairings based on product type and industry.
  • Stack-Specific Guidance: Offers best practices for various frontend frameworks like React, Vue, Next.js, and Tailwind CSS.
  • UX Best Practices: Provides actionable advice on accessibility, interaction design, and common pitfalls.
  • Use Case: A developer needs to design a landing page for a new SaaS product. They can use this Skill to get recommendations for an elegant, minimalist style, a suitable color palette, professional font pairings, and Tailwind CSS implementation tips.

Quick Start

Use the ui-ux-pro-max skill to find design recommendations for a professional healthcare SaaS dashboard.

Frequently Asked Questions about ui-ux-pro-max

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a cohesive UI design system for a SaaS product?โ–ผ

Find UI design recommendations by searching for styles, color palettes, and font pairings tailored to your product type. The skill synthesizes design intelligence to help you create professional, modern interfaces with stack-specific best practices.

What's the best way to get Tailwind CSS and React UI best practices for a new dashboard?โ–ผ

Get Tailwind CSS and React UI best practices by reviewing stack-specific guidance for your dashboard project. The skill synthesizes framework-specific implementation rules, offering actionable advice on interaction design and common frontend pitfalls.

Can I use this to review and refactor existing frontend UI code?โ–ผ

Yes, you can review and refactor existing frontend UI code using actions like fix, improve, optimize, enhance, and check. The skill analyzes your code against UX best practices and stack-specific guidelines to identify actionable improvements.

Does this UI/UX skill provide guidance on accessibility and interaction design?โ–ผ

Yes, this UI/UX skill provides comprehensive guidance on accessibility and interaction design. It synthesizes UX best practices to offer actionable advice, helping you avoid common pitfalls when building modern user interfaces.

How do I choose the right color palette and font pairings for a healthcare application?โ–ผ

Choose color palettes and font pairings for a healthcare application by inputting your industry and product type. The skill recommends suitable design systems, ensuring professional, user-friendly interfaces tailored to specific industry requirements.