ui-ux-pro-max

Generate a design system from multi-domain UI/UX design insights.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This skill provides a structured, design-system driven approach to create cohesive UI/UX guides by aggregating multi-domain insights and applying reasoned rules.

Core Features & Use Cases

  • Multi-domain design guidance across product, style, color, typography, and landing patterns.
  • Generates a cohesive design system with color, typography, spacing, and component guidelines.
  • Real-world use: a SaaS dashboard needing a consistent theme and accessible UI follows the master guidelines and page overrides for specific screens.

Quick Start

Use the UI/UX Pro Max skill to generate a design system from a project prompt: python3 skills/ui-ux-pro-max/scripts/search.py "<your project prompt>" --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 UI/UX design system from a project prompt?▼

To generate a design system, run the Python search script with your project prompt and the --design-system flag. This aggregates multi-domain insights to output cohesive color, typography, and component guidelines for your project.

What is a multi-domain search for UI/UX design guidelines?▼

Multi-domain search for UI/UX guidelines aggregates insights across product, color, style, typography, and landing domains. This mechanism ensures generated patterns and components follow structured rules for cohesive interfaces.

Can I apply page overrides to specific screens in a SaaS dashboard?▼

Yes, you can apply page overrides to specific SaaS dashboard screens. The skill uses a master and page override workflow, allowing specific screens to tailor overarching design system outputs while maintaining UI consistency.

Does the design generation require any external dependencies?▼

No, the design generation requires no external dependencies. It operates by reading local data files and executing a Python script to process multi-domain searches and output the required design system components directly.

What is the best way to create accessible UI for a SaaS dashboard?▼

The best way to create accessible SaaS dashboard UI is using a design-system driven approach. Aggregating multi-domain insights and applying master guidelines with page overrides ensures cohesive and accessible interface patterns.