ui-ux-pro-max

Generate UI/UX design system recommendations for web and mobile products.

15|Updated Feb 14, 2026
One-click install
npx skills add https://github.com/mahoushoujyo-eee/eshell --skill ui-ux-pro-max-mahoushoujyo-eee
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/mahoushoujyo-eee/eshell/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/mahoushoujyo-eee/eshell --skill ui-ux-pro-max-mahoushoujyo-eee

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps teams avoid inconsistent, inaccessible, and ineffective interface decisions by providing structured UI/UX design intelligence for planning, implementation, review, and optimization.

Core Features & Use Cases

  • Design System Recommendations: Generate guidance for product patterns, visual styles, color palettes, typography, effects, and anti-patterns.
  • UX and Accessibility Guidance: Apply prioritized recommendations for accessibility, touch interaction, performance, responsive layouts, animation, typography, and charts.
  • Multi-Stack Support: Adapt recommendations for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and Jetpack Compose.
  • Use Case: Use the Skill to plan and review a responsive React operations dashboard with an accessible dark theme, consistent typography, interactive states, and appropriate data visualizations.

Quick Start

Use the UI/UX Pro Max skill to generate and persist a complete design system for a responsive React dashboard focused on accessibility and operational data.

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 design system for a React dashboard with accessibility and dark theme support?

Generate actionable UI/UX design system recommendations for your React dashboard to establish consistent visual styles, color palettes, typography, and accessibility checks for dark theme support.

What is the best way to ensure responsive design and accessibility in SaaS applications?

Apply prioritized UX and accessibility guidance to your SaaS applications, covering responsive layouts, touch interaction, and performance checks to avoid inconsistent and inaccessible interface decisions.

Does UI/UX Pro Max work with Tailwind and shadcn/ui for component-level design reviews?

Yes, this Skill supports component-level design and review tasks across multiple frontend technology stacks, adapting UI/UX recommendations and design systems directly for Tailwind and shadcn/ui.

Can I get UX guidance for mobile products built with React Native or Flutter?

Get actionable UI/UX recommendations and design systems for mobile products built with React Native or Flutter, applying accessibility checks and touch interaction guidance for e-commerce experiences.

How do I plan typography and color recommendations for an admin panel interface?

Plan typography and color recommendations for your admin panel by generating structured design intelligence that defines visual styles, effects, anti-patterns, and prioritized UX guidance for interface optimization.