ui-ux-pro-max

Generate reusable UI design systems with color, typography, and components.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/mporenta/airflow --skill ui-ux-pro-max-mporenta
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/mporenta/airflow/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/mporenta/airflow --skill ui-ux-pro-max-mporenta

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max delivers centralized, high-quality design guidance and reusable rules to accelerate design work across multiple tech stacks, ensuring consistency and accessibility in web and mobile projects.

Core Features & Use Cases

  • Comprehensive design system generation for color, typography, layout, and components.
  • Priority-based UX guidelines and performance considerations for dashboards, landing pages, and apps.
  • Use case: when creating a new product, generate a design system with colors, typography, and components tailored to your product type and accessibility goals.

Quick Start

Run the design-system workflow with your project keywords to generate and persist a reusable UI design guide.

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 responsive design system for my web app?

To generate a responsive design system, run the design-system workflow using your project keywords. This action produces and persists reusable UI rules covering color palettes, typography, layout, and components tailored to your specific product type and accessibility requirements.

Can I get UI design guidance for different technology stacks?

Yes, UI design guidance is available across nine different technology stacks. It delivers centralized component rules, typography decisions, and accessibility checks for both website and mobile app design tasks within multiple development environments.

What is the best way to ensure accessibility in my color palette and typography choices?

The best way to ensure accessibility is to use a design system generation workflow that includes built-in accessibility checks. It automatically evaluates your color palette and typography decisions against standard accessibility requirements during the component planning phase.

Does UI/UX Pro Max support page-specific overrides for existing design systems?

Yes, UI/UX Pro Max supports page-specific overrides for existing design systems. It meets end-to-end workflow requirements by allowing targeted domain searches to apply customized component and layout rules to individual project pages.

How do I create UX guidelines for a dashboard or landing page?

To create UX guidelines for a dashboard or landing page, apply the priority-based UX rules provided by the design system generation process. It delivers specific performance considerations and layout guidance tailored for dashboards, landing pages, and mobile apps.