skills.rest
hongmaple0820
hongmaple0820COMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/hongmaple0820/agent-academy --skill ui-ux-pro-max-hongmaple0820
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
pchemguypchemguy

template-skill

Generate a YAML skill template with standardized metadata fields.

Community
Basic
eniosales08-AIeniosales08-AI

ui-ux-pro-max

Generate UI/UX design systems with palettes, typography, and components.

Community
Advanced
istinataFTSistinataFTS
2

ui-ux-pro-max

Provide UI/UX design guidelines, styles, color palettes, and typography pairings for web and mobile apps.

Community
Advanced
hulusi-tunchulusi-tunc
3

design-review-process

Define and enforce a structured design review process with gates, criteria, and approval workflow.

Community
Intermediate