ui-ux-pro-max

Generate UI/UX design systems with styles, palettes, fonts, charts, and stacks.

Updated Apr 16, 2026
One-click install
npx skills add https://github.com/GiantCroissant-Lunar/proto-breakout --skill ui-ux-pro-max-giantcroissant-lunar
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/GiantCroissant-Lunar/proto-breakout/tree/main/.agent/skills/03-presentation/ui-ux-pro-max
Command: npx skills add https://github.com/GiantCroissant-Lunar/proto-breakout --skill ui-ux-pro-max-giantcroissant-lunar

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Traditional UI/UX design workflows suffer from fragmented patterns and inconsistent visuals across components, leading to longer delivery times and inconsistent user experiences. This Skill automates the creation and governance of a comprehensive design system, consolidating 67 styles, 96 color palettes, 57 font pairings, 25 charts, and 13 technology stacks into a reusable, scalable resource.

Core Features & Use Cases

  • AI-driven design system generation across styles, colors, typography, charts, and stacks for web and mobile applications.
  • Multi-domain search to surface patterns, color schemes, typography recommendations, and layout guidelines.
  • Master + Overrides persistence to maintain a global design system with page-specific overrides for project-wide governance.

Quick Start

Request a complete UI/UX design system for your SaaS dashboard.

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 consistent UI/UX design system for a SaaS dashboard?

You can generate a complete UI/UX design system by requesting recommendations for styles, color palettes, font pairings, and charts. This Skill automates this process by applying multi-domain aggregation to deliver consistent, accessible UI patterns for product design.

What is the best way to maintain a global design system with page-specific overrides?

A Master + Overrides persistence model maintains a global design system while allowing page-specific overrides. This governs project-wide visual consistency across web and mobile interfaces while applying targeted layout guidelines for individual pages.

Can I use this to find accessible color palettes and font pairings for mobile interfaces?

Yes, you can find accessible color palettes and font pairings for mobile interfaces. The system consolidates 96 color palettes and 57 font pairings, applying a BM25-based search to deliver accessible UI patterns and guidelines.

Does this design system generator support specific technology stacks for web applications?

Yes, the design system generator supports specific technology stacks for web applications. It consolidates 13 technology stacks into its reusable resource library to align generated UI patterns with your development stack.

How does the search mechanism surface relevant UI patterns and typography recommendations?

The search mechanism surfaces relevant UI patterns and typography recommendations by implementing a BM25-based search across its consolidated library. It aggregates multi-domain data to deliver targeted design recommendations for your specific dashboard or landing page.