ui-ux-pro-max

Generate UI/UX design systems with color, typography, layout, and accessibility guidelines.

6|1|Updated Feb 16, 2026
One-click install
npx skills add https://github.com/JustinWangJP/cc-agent-teams-action-monitor --skill ui-ux-pro-max-justinwangjp
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/JustinWangJP/cc-agent-teams-action-monitor/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/JustinWangJP/cc-agent-teams-action-monitor --skill ui-ux-pro-max-justinwangjp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max consolidates expert UI/UX guidance and design-system generation to reduce design debt and speed up delivery for teams.

Core Features & Use Cases

  • Multi-domain design guidance aggregates insights across product, color, typography, landing, and UX guidelines to craft cohesive systems.
  • Master + overrides produce a scalable design system that can be overridden by page-specific rules for complex apps.
  • Implementation-ready outputs deliver color tokens, typography configs, component specs, spacing, and accessibility guidelines ready for your stack.

Quick Start

Request a complete design system by providing your project context and goals.

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 complete UI/UX design system for a web or mobile app?

To generate a UI/UX design system, provide your project context and goals to aggregate insights across color, typography, layout, and UX guidelines into cohesive, implementation-ready outputs. This process streamlines design decisions and reduces design debt for fast delivery.

Can I override base design system rules for specific app pages?

Yes, the master plus overrides governance model produces a scalable base design system that can be overridden by page-specific rules. This allows complex apps to maintain global consistency while adapting layouts or components for individual screens.

What implementation-ready outputs do I get for my design stack?

Implementation-ready outputs deliver color tokens, typography configs, component specs, spacing, and accessibility guidelines. These assets are generated to integrate directly into your web or mobile project stack, ensuring a polished final product.

How does multi-domain research improve UX guidelines and color palettes?

Multi-domain research aggregates insights across product, color, typography, landing, and UX guidelines to craft cohesive systems. This ensures your color palette and accessibility choices satisfy broad user needs rather than isolated aesthetic preferences.

Does this design system generator include accessibility guidelines?

Yes, accessibility guidelines are a core component of the generated design system. The system outputs include specific accessibility specs alongside typography and layout rules to ensure your web and mobile apps are usable by all audiences.

What is the best way to consolidate UI/UX guidance for a development team?

The best way to consolidate UI/UX guidance is to aggregate expert insights into a single master design system with overrides. This approach reduces design debt, speeds up delivery, and provides your team with implementation-ready component specifications.