skills.rest
lyzno1
lyzno1COMMUNITY
Explore all skills by this author →
GitHub

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

Related Skills

Explore More Design & Creative Skills→
antoniorv6antoniorv6

ui-ux-pro-max

Generates UI/UX design recommendations for web and mobile interfaces using Python scripts and design system generator.

Community
Advanced
GGEduGGEdu

ui-ux-pro-max

Generate design systems with styles, colors, typography, and components across multiple stacks.

Community
Advanced
verivendverivend

design-system

Document design tokens and shadcn-vue component mappings for Tailwind CSS.

Official
Intermediate
mauricioacpmauricioacp
1

ui-ux-pro-max

Generate AI-guided design-system recommendations from multi-domain UI/UX inputs.

Community
Advanced