ui-ux-pro-max

Generate design system recommendations from user queries for web and mobile UI.

178|24|Updated Jan 14, 2026
One-click install
npx skills add https://github.com/ZhanlinCui/Ultimate-Agent-Skills-Collection --skill ui-ux-pro-max-zhanlincui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/ZhanlinCui/Ultimate-Agent-Skills-Collection/tree/main/ui-ux-pro-max
Command: npx skills add https://github.com/ZhanlinCui/Ultimate-Agent-Skills-Collection --skill ui-ux-pro-max-zhanlincui

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires scripts, and includes scripts (resource) components.

What problem does it solve?

This Skill provides a comprehensive AI-assisted UI/UX design system generator and guidance tool. It consolidates style, color, typography, and layout recommendations to speed up design decisions and ensure consistency across web and mobile interfaces.

Core Features & Use Cases

  • Design-system generation: Produces a complete design system from a user query, including color, typography, spacing, and component guidelines.
  • Multi-domain intelligence: Aggregates data from style, color, typography, landing, and UX sources to form cohesive design decisions.
  • Page-level overrides: Uses a MASTER.md as the global source of truth and creates page-specific override files for targeted deviations.
  • Practical automation: Includes a ready-to-run CLI for real-time design-system generation and optional persistence.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a SaaS dashboard. Example: python3 skills/ui-ux-pro-max/scripts/search.py "<product_type> <industry> <keywords>" --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 complete design system for a SaaS dashboard?

You can generate a complete design system by running the included Python CLI script with your product type and keywords. It uses BM25-based multi-domain search to output unified color palettes, typography, and component guidelines.

What is BM25-based multi-domain search for UI design?

BM25-based multi-domain search aggregates style, color, typography, landing, and UX data to form cohesive UI design decisions. It retrieves relevant design patterns to ensure consistency across web and mobile interfaces.

Can I apply page-specific overrides to a generated design system?

Yes, you can apply page-specific overrides by using a MASTER.md file as the global source of truth. The system creates targeted override files for specific page deviations while maintaining overall design consistency.

Does this design system generator support both web and mobile interfaces?

Yes, the design system generator supports both web and mobile UI design tasks. It applies across product types such as SaaS dashboards, marketing sites, landing pages, and e-commerce storefronts.

What's the best way to automate UI/UX design pattern retrieval?

The best way to automate UI/UX design pattern retrieval is using the ready-to-run Python CLI. It performs real-time design-system generation and optional persistence directly from your query inputs.

Do I need Python to use the ui-ux-pro-max skill?

Yes, you need Python installed to use the skill, as it relies on a ready-to-run CLI script located in the scripts directory to execute the BM25 search and generate your design system.