ui-ux-pro-max

Aggregate design guidance into a cohesive design system document.

3|3|Updated Mar 5, 2026
One-click install
npx skills add https://github.com/webdevcom01-cell/agent-studio --skill ui-ux-pro-max-webdevcom01-cell
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/webdevcom01-cell/agent-studio/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/webdevcom01-cell/agent-studio --skill ui-ux-pro-max-webdevcom01-cell

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Design teams struggle to translate briefs into consistent, scalable UI systems that work across multiple stacks. This skill provides comprehensive UI/UX design guidance and a reusable design-system generator to accelerate ideation, validation, and delivery of polished interfaces.

Core Features & Use Cases

  • 67 styles, 96 color palettes, 57 font pairings, 25 chart types across 13 technology stacks for rapid design exploration.
  • Multi-domain search and reasoning across product, style, color, typography, and UX patterns to assemble a cohesive design system with actionable recommendations.
  • Page-level override support using a Master + Overrides pattern to maintain governance while enabling bespoke variations.

Quick Start

Describe your project and run the generator with a concise design brief to instantly produce a complete design system.

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 assemble a cohesive design system from a project brief?

To assemble a cohesive design system, input a concise project brief to trigger multi-domain reasoning across product type, style, color, typography, and UX patterns. The skill aggregates these dimensions to generate a Master design document with actionable recommendations for consistent design governance.

What is a Master and Overrides pattern in UI design governance?

A Master and Overrides pattern maintains design governance by generating a Master design document for global consistency, while allowing page-level overrides for bespoke variations. This hierarchical retrieval approach ensures scalable UI systems across multiple stacks without breaking core design rules.

Can I generate color palettes and font pairings for different technology stacks?

Yes, you can generate tailored color palettes and font pairings across 13 technology stacks. The reasoning engine selects color moods and typography specifically matched to your project category, providing rapid exploration across 96 palettes and 57 font pairings.

Does the design system generator support page-level overrides for bespoke variations?

Yes, the design system generator supports page-level overrides using a Master + Overrides pattern. This enables hierarchical retrieval and consistent design governance while allowing bespoke variations for specific pages within your product.

What's the best way to translate a design brief into a scalable UI system?

The best way to translate a brief into a scalable UI system is using multi-domain search and reasoning across style, color, typography, and UX patterns. Describe your project category to automatically select applicable patterns and export a Master design document for hierarchical retrieval.

How many styles and UX patterns are available for design exploration?

There are 67 styles, 96 color palettes, 57 font pairings, and 25 chart types available for rapid design exploration. These options span 13 technology stacks, enabling comprehensive multi-domain reasoning to assemble a cohesive design system tailored to your project.