ui-ux-pro-max

Aggregate UI/UX design guidance into a cohesive design system.

110|19|Updated Feb 11, 2026
One-click install
npx skills add https://github.com/chendongqi/OPB-Skills --skill ui-ux-pro-max-chendongqi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/chendongqi/OPB-Skills/tree/main/skills/design-ui-ux-pro-max
Command: npx skills add https://github.com/chendongqi/OPB-Skills --skill ui-ux-pro-max-chendongqi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max provides centralized, AI-assisted UI/UX design guidance and patterns to accelerate product design.

Core Features & Use Cases

  • 50+ design styles and 97 color palettes for rapid visual exploration
  • 57 font pairings and 99 UX guidelines across 9 tech stacks for comprehensive coverage
  • Searchable design-system database with priority-based recommendations to tailor outputs
  • Use cases include building websites, dashboards, marketing pages, mobile apps, and analytics tools

Quick Start

Invoke a design-system search with your project context to generate a complete UI/UX plan.

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 complete UI/UX design system for a web project?

To generate a UI/UX design system, provide your project context to trigger a multi-domain search. It aggregates color palettes, typography, and layout patterns into a cohesive, deterministic design plan for web and mobile projects.

Can I get font pairings and color palettes for rapid visual exploration?

Yes, you can explore over 50 design styles and 97 color palettes alongside 57 font pairings. The database provides priority-based recommendations to tailor visual outputs for your specific application stack.

Does this UI/UX guidance cover accessibility and chart components?

This UI/UX guidance covers accessibility, charts, and component patterns across nine tech stacks. It aggregates 99 UX guidelines to ensure comprehensive coverage for dashboards and analytics tools.

What is the best way to apply page-level overrides to a design system?

The best way to apply page-level overrides is using hierarchical master and override persistence. This mechanism allows you to maintain a base design system while customizing specific page contexts deterministically.

How does multi-domain search work for UI/UX design patterns?

Multi-domain search works by querying a comprehensive database of UX guidelines and component patterns across nine tech stacks. It returns priority-based recommendations tailored to your project's specific visual and functional requirements.