ui-ux-pro-max

Generate a UI/UX design system from multi-domain searches and reasoning.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Generates a complete UI/UX design system from multi-domain searches and reasoning to accelerate design handoff.

Core Features & Use Cases

  • Multi-domain guidance: searches across product, style, color, typography, and landing domains to assemble a cohesive design system.
  • Reasoning-driven recommendations: applies structured rules to tailor patterns, color moods, and typography to your project.
  • Persistence & overrides: supports master design system with optional page-level overrides for granular control.

Quick Start

Provide project context and run the design system generator to obtain a complete design system for your 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/UX design system for a React or Next.js project?

You can generate a UI/UX design system by providing project context to the generator, which applies multi-domain reasoning to output cohesive color palettes, typography, and component designs tailored to React or Next.js.

What is reasoning-driven design system generation and how does it work?

Reasoning-driven design system generation uses structured rules across product, style, color, and typography domains to assemble a cohesive system. It searches multiple domains to tailor patterns and color moods to your specific project context.

Can I use this design system generator for Vue and Svelte applications?

Yes, you can use this design system generator for Vue and Svelte applications. It applies multi-domain reasoning to generate cohesive component designs and typography systems that integrate with these specific frontend stacks.

How do I apply page-level overrides to a master UI/UX design system?

You apply page-level overrides to a master UI/UX design system by using the persistence feature to maintain your master system while specifying optional granular overrides. This allows customized patterns and color moods for individual pages.

What is the best way to ensure accessibility and typography consistency across a dashboard?

The best way to ensure accessibility and typography consistency across a dashboard is using an automated design system generator. It applies structured reasoning rules to standardize component design and color palettes for cohesive handoff.

Does multi-domain search help build landing page design systems faster?

Yes, multi-domain search helps build landing page design systems faster by querying product, style, and color domains simultaneously. It assembles cohesive typography and component patterns to accelerate design handoff.