ui-ux-pro-max

Generate a complete UI/UX design system from a curated database of styles, colors, and typography.

Updated Apr 6, 2026
One-click install
npx skills add https://github.com/zhboner/Agent-Skills --skill ui-ux-pro-max-zhboner
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/zhboner/Agent-Skills/tree/main/Global-skills/ui-ux-pro-max
Command: npx skills add https://github.com/zhboner/Agent-Skills --skill ui-ux-pro-max-zhboner

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

It helps you quickly produce consistent, high-quality UI/UX design systems instead of starting from scratch or relying on vague style advice.

Core Features & Use Cases

  • Searchable UI/UX design intelligence: Find reusable patterns, style guidance, color palettes, typography pairings, chart types, UX best practices, and anti-patterns.
  • Design-system generation workflow: Generate a complete recommendation by combining product/category context with multi-domain UI inputs.
  • Master + Overrides persistence: Save results into a hierarchical structure so page-specific guidance can override the global master.

Quick Start

Run ui-ux-pro-max design-system generation for your product description by telling the AI: "Generate a UI/UX design system for a SaaS dashboard with minimal professional dark-mode styling named Project Orion."

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 for a specific product context?▼

To generate a UI/UX design system, provide a product description and category context. The skill searches a curated database of styles, colors, and typography to output a complete, consistent design recommendation for web or mobile interfaces.

What is a Master and overrides directory structure for design systems?▼

A Master and overrides directory structure is a hierarchical persistence model for design systems. It saves a global master style file while allowing page-specific guidance to override the master, ensuring hierarchical reuse across sessions.

Can I get stack-specific implementation guidance for my UI design system?▼

Yes, you can receive stack-specific implementation guidance for your UI design system. By using a stack flag during the generation process, the tool targets implementation recommendations specifically for your chosen development stack.

Does this tool provide recommendations for data visualization and landing patterns?▼

Yes, the tool provides recommendations for data visualization and landing patterns. It searches a curated database to supply appropriate chart options, landing page patterns, and UX guidelines tailored to your product context.

How does the skill find relevant typography pairings and color palettes?▼

The skill finds typography pairings and color palettes by executing a BM25-powered search script. This search queries a curated design database, retrieving the most relevant styles and UI inputs based on your specific product description.

What's the best way to create a dark-mode SaaS dashboard design system?▼

The best way to create a dark-mode SaaS dashboard design system is to input your specific product requirements into the generator. It searches for minimal professional styles, matching color palettes, and UX guidelines to build a complete system.