ui-ux-pro-max

Generate design systems and UI/UX guidance for web and mobile apps.

1|Updated Jan 7, 2025
One-click install
npx skills add https://github.com/Y2138/vue3-mono --skill ui-ux-pro-max-y2138
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Y2138/vue3-mono/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Y2138/vue3-mono --skill ui-ux-pro-max-y2138

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX design processes and design-system creation are often disjointed and time-consuming; this Skill consolidates design guidance and system generation into a single, reusable workflow.

Core Features & Use Cases

  • 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks for rapid design exploration.
  • Multi-domain search and reasoning to assemble a complete design system, including color, typography, layout, components, and accessibility considerations.
  • Persistence support using Master + Overrides pattern for page-specific deviations (design-system/master.md and page overrides).

Quick Start

Run the design system generator with your design query and optional project name to receive a complete design system, then save a Master file with --persist for page overrides if needed.

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

To generate a UI design system, provide a design query to the generator. It applies reasoning across color, typography, layout, and accessibility to assemble a complete system for web and mobile apps.

Can I apply page-specific design deviations without overriding the main design system?

You can apply page-specific deviations using the Master + Overrides pattern. Save a Master file with persistence, then create page overrides to handle deviations without altering the core system.

Does this design system generator include accessibility considerations for UI components?

The design system generator includes accessibility considerations. It applies reasoning across multiple domains to ensure generated color, typography, and component guidelines meet accessibility standards.

What predefined typography and color palette options are available for UI exploration?

The system provides 97 color palettes and 57 font pairings for rapid exploration. These predefined options allow quick styling decisions across various design domains.

How do I create consistent UX guidelines and chart styles for my application?

To create consistent UX guidelines and chart styles, use the generator to access 99 UX guidelines and 25 chart types across 9 technology stacks, ensuring visual and functional consistency.

What is the best way to maintain a scalable design system across multiple technology stacks?

The best way to maintain a scalable design system is using a reusable workflow with persistence support. It consolidates guidance for multiple stacks and uses a Master file for consistent application.