ui-ux-pro-max

Generate design-system guidance and UI/UX recommendations across multiple stacks.

1|Updated Jan 31, 2026

Search Tags:#typography #accessibility #reasoning #ui-ux #design-system #color-palette #multidomain-search

Ready to run

npx skills add https://github.com/lyzno1/flux --skill ui-ux-pro-max-lyzno1

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/lyzno1/flux/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/lyzno1/flux --skill ui-ux-pro-max-lyzno1

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max provides AI-driven guidance and design-system generation to accelerate UI development across multiple stacks.

Core Features & Use Cases

Multi-domain design guidance across 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui).
Context-aware design system recommendations including color, typography, spacing, accessibility, and layout patterns.
Hierarchical design-system persistence using a Master file plus optional page overrides to enable page-specific overrides.

Quick Start

Run a design-system search to generate recommendations for your project: python3 skills/ui-ux-pro-max/scripts/search.py "<query>" --design-system -p "Project Name"

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 design system for React and Next.js projects?▼

To generate a design system for React and Next.js, run a multi-domain search query against your project name. The tool returns context-aware recommendations for color palettes, typography, spacing, and layout patterns specific to those stacks.

What is multi-domain UI/UX search and how does it work?▼

Multi-domain UI/UX search queries across product, style, color, landing, and typography domains simultaneously. It applies reasoning-based pattern selection to extract matching design-system guidance for your web or mobile application.

Can I use this for SwiftUI and Flutter mobile component design?▼

Yes, you can use this for SwiftUI and Flutter mobile component design. The tool provides UI/UX recommendations and design-system generation across nine stacks, including native mobile frameworks like SwiftUI, React Native, and Flutter.

How do I apply page-specific typography and color overrides?▼

You apply page-specific typography and color overrides using hierarchical persistence. A MASTER.md file defines the global design system, while optional page overrides allow you to customize styles for individual routes.

Does this tool check accessibility and color palette contrast?▼

Yes, this tool checks accessibility and color palette contrast. It generates design-system guidance that includes accessibility checks and color palette selection to ensure your UI components meet required standards.

What is the best way to pair typography for a new web design system?▼

The best way to pair typography for a new web design system is querying the typography domain. The reasoning-based pattern selection analyzes your inputs to recommend optimal font pairings alongside color and layout rules.