ui-ux-pro-max

Generate UI and UX design guidance for web and mobile interfaces.

1|2|Updated Jun 16, 2026
One-click install
npx skills add https://github.com/MuzeWinter/CooperAPI-Plugin --skill ui-ux-pro-max-muzewinter
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/MuzeWinter/CooperAPI-Plugin/tree/main/plugins/ui-ux-pro-max/skills/ui-ux-pro-max
Command: npx skills add https://github.com/MuzeWinter/CooperAPI-Plugin --skill ui-ux-pro-max-muzewinter

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

It helps teams turn vague UI and UX requests into concrete design guidance for structure, styling, accessibility, and interaction quality.

Core Features & Use Cases

  • Recommends design systems, styles, palettes, typography, and page patterns for web and mobile products.
  • Provides UX checks for accessibility, touch targets, responsiveness, animation, forms, navigation, and charts.
  • Useful when building or reviewing landing pages, dashboards, admin panels, SaaS products, e-commerce flows, portfolio sites, blogs, and mobile apps.

Quick Start

Ask for a design system recommendation for your product type, visual goals, and stack, then apply the returned style, color, typography, and UX guidance to your interface.

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 choose a design system for a SaaS dashboard?

To choose a design system for a SaaS dashboard, request recommendations based on your product type and visual goals. The generated guidance provides matching styles, color palettes, typography, and structural patterns for web and mobile admin panels.

What is the best way to ensure accessibility in UI design?

The best way to ensure accessibility in UI design is to run UX checks for touch targets, responsiveness, and forms. The generated UX checks evaluate interface accessibility to help you satisfy compliance standards for web and mobile apps.

Can I get React Native implementation guidance for mobile app UX?

Yes, you can get React Native implementation guidance for mobile app UX. The design guidance covers navigation, animation, and interaction quality specifically tailored for mobile app interfaces.

How do I generate a color palette and typography for a landing page?

To generate a color palette and typography for a landing page, ask for design system recommendations. The generated output delivers specific color combinations, typography styles, and layout patterns for portfolio sites and landing pages.

Does this UI design guidance support e-commerce flow navigation and charts?

Yes, this UI design guidance supports e-commerce flow navigation and charts. It provides targeted UX checks and structural recommendations for navigation, data visualization, and interaction quality across e-commerce products.

Why do I need UX review checks for my admin panel layout?

You need UX review checks for your admin panel layout to validate responsiveness, touch targets, and form usability. The generated UX review identifies interaction issues and provides corrective design guidance for SaaS products.