ui-ux-pro-max

Generate design system rules and accessibility guidelines for web and mobile interfaces.

Updated May 12, 2026
One-click install
npx skills add https://github.com/YeomanYe/skills --skill ui-ux-pro-max-yeomanye
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/YeomanYe/skills/tree/main/ui-ux-pro-max
Command: npx skills add https://github.com/YeomanYe/skills --skill ui-ux-pro-max-yeomanye

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides a centralized, AI-assisted approach to designing consistent, accessible, and visually compelling UI across web and mobile platforms by generating a shared design system and evaluation guidelines.

Core Features & Use Cases

  • AI-guided design system generation across color, typography, spacing, and component patterns.
  • Multi-stack support (React, Next.js, Vue, etc.) with actionable styling recommendations and accessibility checks.
  • Page-level overrides through a Master + Overrides workflow for scalable design governance, including a designer-friendly blueprint for quick-start.

Quick Start

Use ui-ux-pro-max to generate a complete design system recommendation for a SaaS dashboard project.

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

To generate a UI design system for a SaaS dashboard, this Skill provides AI-guided recommendations for color palettes, typography, spacing, and component patterns. It outputs a cohesive set of master rules to establish consistent visual governance across your project.

What is a Master and Overrides workflow in UX design?

A Master and Overrides workflow in UX design is a scalable governance method that establishes master design rules while allowing page-level overrides. This Skill generates this structure to help you manage specific UI variations without breaking your core design system.

Does this work with React and Next.js for UI accessibility checks?

Yes, it works with React and Next.js for UI accessibility checks. The Skill provides multi-stack support, delivering actionable styling recommendations and automated accessibility evaluations directly within your chosen web or mobile development environment.

How do I ensure consistent typography and color palettes across web and mobile apps?

To ensure consistent typography and color palettes across web and mobile apps, this Skill creates a centralized, shared design system. It uses AI guidance to evaluate interfaces and implement cohesive visual patterns across multiple platforms and stacks.

Can I use AI to evaluate my current UI for accessibility best practices?

You can use AI to evaluate your current UI for accessibility best practices through this Skill's automated guidance feature. It analyzes your product interfaces and provides actionable recommendations to solve for accessible, high-quality user experiences.

What are the limitations of automated design system generation?

The limitations of automated design system generation involve relying on AI guidance to establish baseline rules. While this Skill creates scalable blueprints for color, typography, and component patterns, developers must still manually implement and validate the styling recommendations within their specific stacks.