ui-ux-pro-max

Generate reusable design systems from multi-domain search results.

1|Updated Nov 22, 2025
One-click install
npx skills add https://github.com/gmliao/swift-state-tree --skill ui-ux-pro-max-gmliao
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/gmliao/swift-state-tree/tree/main/.agent/skills/UI-UX-Pro-Max
Command: npx skills add https://github.com/gmliao/swift-state-tree --skill ui-ux-pro-max-gmliao

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

The UI/UX Pro Max system provides comprehensive, design-driven guidance by aggregating cross-domain insights into a single, actionable design system generator that accelerates UI decisions.

Core Features & Use Cases

  • BM25-powered multi-domain search across style, color, typography, UX guidelines, and landing patterns to surface coherent design patterns.
  • Auto-synthesis of patterns and palettes into a reusable design-system blueprint, including spacing, typography mood, and component specs.
  • Use cases include dashboards, landing pages, SaaS apps, marketing sites, and mobile interfaces with ready-to-implement design rules.

Quick Start

Use the skill to generate a complete design system for a given product context by running the provided commands, then review the MASTER.md and optional page overrides for page-specific customization.

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 complete design system for a SaaS dashboard?

To generate a design system for a SaaS dashboard, the skill uses BM25-powered multi-domain search to aggregate style, color, and typography patterns into a reusable blueprint with spacing, typography mood, and component specs. It outputs a MASTER.md file containing these ready-to-implement design rules for rapid UI decisions.

Can I customize design recommendations for different pages in my mobile app?

You can customize design recommendations for different mobile app pages using hierarchical persistence, which applies Master design system rules globally while allowing page-specific overrides to tailor UI guidelines locally. This ensures consistent branding while adapting layouts to individual page contexts.

What is AI-assisted design system synthesis for landing pages?

AI-assisted design system synthesis for landing pages is the automated process of aggregating cross-domain search results on landing patterns and UX guidelines to surface coherent design palettes. It auto-synthesizes these patterns into a reusable design-system blueprint for rapid, data-driven UI decisions.

Does this design intelligence tool work for marketing sites and mobile interfaces?

This design intelligence tool works for marketing sites and mobile interfaces by providing ready-to-implement design rules generated from cross-domain insights. It supports building dashboards, landing pages, and SaaS apps by automating design-system generation tailored to these specific product contexts.

What's the best way to maintain consistent typography and spacing across a multi-page web application?

The best way to maintain consistent typography and spacing across a multi-page web application is to generate a reusable design-system blueprint with auto-synthesized component specs. The skill outputs a MASTER.md file establishing global rules, while hierarchical persistence handles page overrides for necessary local deviations.