ui-ux-pro-max

Generate structured design systems from UI/UX guidelines across web and mobile contexts.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/XSIJIE975/agents-skills --skill ui-ux-pro-max-xsijie975
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/XSIJIE975/agents-skills/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/XSIJIE975/agents-skills --skill ui-ux-pro-max-xsijie975

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This skill consolidates scattered UI/UX guidelines and design references into a cohesive, searchable design system to accelerate product design work.

Core Features & Use Cases

  • Multi-domain design system generation: color, typography, layout patterns, components, and accessibility considerations.
  • Hierarchical persistence: Master file plus page-specific overrides to support page customization while preserving global rules.
  • Automated reasoning: Uses domain-aware guidance to propose patterns, color moods, typography, and interaction guidelines.
  • Real-world use: A product team building a SaaS dashboard can generate a ready-to-implement design system for the project.

Quick Start

To begin, run a design-system query and review the generated guidelines for your project. Example: python3 skills/ui-ux-pro-max/scripts/search.py "beauty spa elegant" --design-system -p "Serenity Spa"

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 consolidate scattered UI/UX design guidelines into a structured design system?

A structured design system is generated by automating the synthesis of scattered UI/UX guidelines from multiple sources. The skill extracts color palettes, typography, and component patterns into a searchable database for product teams.

Can I generate a color palette and typography rules for a specific web or mobile context?

Yes, you can generate a color palette and typography rules for specific web or mobile contexts. The skill applies domain-aware automated reasoning to propose patterns, color moods, and interaction guidelines tailored to your project domain.

How do I apply page-specific overrides without breaking the global design system rules?

You apply page-specific overrides using the Master and Overrides persistence feature. This hierarchical structure preserves global design system rules in a master file while allowing individual page customization.

Does this design system tool support multi-domain search for UI/UX patterns?

Yes, the tool supports multi-domain search for UI/UX patterns. It uses reasoning-based pattern selection to query and retrieve relevant layout, component, and accessibility guidelines across different project domains.

What is the best way to automate UI/UX pattern selection for a SaaS dashboard?

The best way to automate UI/UX pattern selection for a SaaS dashboard is to run a design-system query with your specific project context. The tool uses automated reasoning to propose ready-to-implement layout patterns and components.

What are the limitations of using automated reasoning for design system generation?

A limitation of automated reasoning for design system generation is that it proposes guidelines based on existing references and domain inputs. Users must manually review the generated output to ensure it meets specific accessibility and brand requirements.