ui-ux-pro-max

Generate UI/UX design systems with color palettes, typography, and component specs.

2|Updated Apr 6, 2026
One-click install
npx skills add https://github.com/augustscl/awesome-xiawang-skills --skill ui-ux-pro-max-augustscl
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/augustscl/awesome-xiawang-skills/tree/main/ui-ux-pro-max-0.1.0
Command: npx skills add https://github.com/augustscl/awesome-xiawang-skills --skill ui-ux-pro-max-augustscl

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Automates the creation of a complete UI/UX design system and actionable design guidance to accelerate product development.

Core Features & Use Cases

  • Multi-domain UI/UX generation across product, style, color, typography, and landing pages with reasoning-based selections.
  • Design system tokens, color palettes, typography, and component specs ready for design and code handoff.
  • Persistence support with Master/Override pattern to reuse and override across pages.

Quick Start

Describe your project briefly and run the design-system option to generate a complete UI/UX design system.

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 from scratch?

To generate a UI/UX design system, describe your project briefly and run the design-system option to output complete design tokens, color palettes, typography, and component specs. This provides actionable guidelines for rapid design and code alignment.

What are design tokens and how are they structured for code handoff?

Design tokens are structured variables representing visual properties like color and typography. This Skill generates these tokens alongside component specs, enabling direct design and code alignment by standardizing visual attributes across multi-domain product outputs.

Can I apply reasoning-based patterns across different UI domains like landing pages and typography?

Yes, you can apply reasoning-based patterns across multi-domain prompts including product, style, color, typography, and landing pages. The system generates tailored selections for each domain to ensure cohesive and practical design guidance.

How do I persist and override design system settings for different pages?

You can persist design system settings using the Master/Override pattern. This allows you to establish a master design system and apply specific page overrides when needed, maintaining consistency while enabling page-level customization.

Does the design system output support Markdown and ASCII formats?

Yes, the design system output supports both ASCII and Markdown formats. This ensures the generated reasoning rules, color palettes, and component specifications are easily readable and integrable into standard documentation workflows.

Are there limitations to automated UI/UX design system generation for complex products?

Automated UI/UX design system generation relies on your initial project description to determine reasoning-based selections. Complex or highly niche products may require detailed, highly specific prompts to ensure the generated component specs and style guidelines accurately match unique domain requirements.