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.