ui-ux-pro-max

Create and maintain UI/UX design systems from user requirements.

9|2|Updated Mar 12, 2026

Search Tags:#typography #documentation #accessibility #patterns #ui-ux #design-system #color-palette

Ready to run

npx skills add https://github.com/hongmaple0820/agent-academy --skill ui-ux-pro-max-hongmaple0820

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/hongmaple0820/agent-academy/tree/main/skills/design/ui-ux-pro-max
Command: npx skills add https://github.com/hongmaple0820/agent-academy --skill ui-ux-pro-max-hongmaple0820

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create and maintain complete UI/UX design systems from user requirements.

Core Features & Use Cases

Generates complete design systems including patterns, styles, colors, typography, and accessibility guidelines for web and mobile.
Applies to websites, dashboards, landing pages, and mobile apps across React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and more.
Use cases include rapid prototyping, design-system documentation, and automated pre-delivery checklists for UI/UX quality.

Quick Start

Provide a project brief and run the generator to obtain a ready-to-use 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 project requirements?▼

To generate a UI/UX design system, provide a project brief to the generator to obtain a ready-to-use system with patterns, styles, color palettes, typography, and accessibility guidelines for web and mobile applications.

Can I create design systems for both React and Flutter mobile apps?▼

Yes, you can create design systems for React and Flutter, as well as Next.js, Vue, Svelte, SwiftUI, React Native, Tailwind, and plain HTML/CSS, applying stack-specific styles and page-specific overrides.

What is the best way to document UI patterns and accessibility guidelines?▼

The best way to document UI patterns and accessibility guidelines is by generating a complete design system that persists outputs to a hierarchical design-system folder, ensuring automated pre-delivery UI/UX quality checklists.

Does the generated design system support stack-specific color palettes and typography?▼

Yes, the generated design system supports stack-specific styles, color palettes, and typography, implementing a Master design system with page-specific overrides tailored to your chosen framework.

How do I maintain a Master design system with page-specific overrides?▼

You maintain a Master design system with page-specific overrides by running the generator from a project brief, which automatically produces and persists hierarchical design-system folders for rapid prototyping.