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.