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.