ui-ux-pro-max

Generate unified UI/UX design systems with component, style, color, and typography specs.

Updated Jan 22, 2026
One-click install
npx skills add https://github.com/mzf11125/lews-research-binus --skill ui-ux-pro-max-mzf11125
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/mzf11125/lews-research-binus/tree/main/.gemini/skills/ui-ux-pro-max
Command: npx skills add https://github.com/mzf11125/lews-research-binus --skill ui-ux-pro-max-mzf11125

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max consolidates scattered UI design guidance into a cohesive, actionable design system that teams can implement directly.

Core Features & Use Cases

  • Multi-domain design system generation across product, style, color, landing, and typography to produce patterns, color schemes, typography, and component guidelines.
  • Reasoning-based recommendations and configurable priorities to align with project constraints and brand.
  • Optional persistence with a Master file and page-specific overrides to manage design-system evolution.

Quick Start

Run the design-system generator with a product query to generate a complete UI design system for your project.

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 design system for a React or Vue dashboard?

A UI design system for dashboards aggregates multi-domain guidelines to produce cohesive patterns, color schemes, typography, and component specifications. It solves the problem of scattered design guidance by consolidating rules into an actionable format for product teams.

How do I create consistent UI typography and color schemes across an app?

Creating consistent UI typography and color schemes involves synthesizing style guidance from multiple domains into a unified system. This process yields actionable component specs and optional persistence via a MASTER.md file to manage design-system evolution across your app stack.

Does this AI UI design guidance work with Next.js and Svelte stacks?

Yes, the AI UI design guidance applies to Next.js and Svelte stacks, alongside React and Vue. It synthesizes style, color, and typography guidance to produce component specifications tailored for product teams building across these web and mobile frameworks.

What is the best way to manage design system overrides for landing pages?

The best way to manage design system overrides for landing pages is using optional persistence with a Master file and page-specific overrides. This approach aligns with project constraints while managing the overall design-system evolution effectively.

Can I use AI to generate actionable component specs for a product design system?

Yes, you can use AI to generate actionable component specs by aggregating UI/UX guidelines from multiple domains into a unified design system. It produces pattern, style, color, and typography specifications directly applicable to your product build.