ui-ux-pro-max

Create a searchable UI/UX design system with styles, palettes, and font pairings.

1|Updated Feb 13, 2026
One-click install
npx skills add https://github.com/ivanbondarenco/Protocol --skill ui-ux-pro-max-ivanbondarenco
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/ivanbondarenco/Protocol/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/ivanbondarenco/Protocol --skill ui-ux-pro-max-ivanbondarenco

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max consolidates design intelligence across multiple stacks into a single, searchable reference to accelerate UI decisions and enforce consistent visual language.

Core Features & Use Cases

  • 50+ styles, 21 palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 stacks to cover diverse design scenarios.
  • Searchable design system with priority-based recommendations for color, typography, accessibility, layout, and interaction patterns.
  • Applicable to website dashboards, marketing sites, admin panels, SaaS apps, and mobile experiences, providing ready-to-adapt patterns and components.

Quick Start

Use the design system search to generate a tailored UI/UX plan 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 maintain UI consistency across multiple front-end stacks?

To maintain UI consistency across multiple front-end stacks, implement a centralized design system with standardized color palettes, typography rules, and interaction patterns. This approach streamlines decision-making and enforces a consistent visual language across diverse product interfaces without manual checks.

What is the best way to choose color palettes and font pairings for a SaaS dashboard?

The best way to choose color palettes and font pairings for a SaaS dashboard is to use a searchable design guideline reference. It provides priority-based recommendations across 21 palettes and 50 font pairings to ensure visual harmony and accessibility compliance.

Can I get UX guidelines and accessibility rules for mobile experiences and admin panels?

Yes, you can get UX guidelines and accessibility rules for mobile experiences and admin panels. A centralized design intelligence reference aggregates 99 UX guidelines and accessibility standards specifically applicable to website dashboards, marketing sites, and SaaS apps.

How do I generate a UI/UX design plan for my project?

To generate a UI/UX design plan for your project, use a searchable design system database to query specific requirements. It aggregates styles, color rules, and typography patterns to deliver actionable recommendations tailored to your application's context.

Does this design system cover chart types and interaction patterns for data visualization?

Yes, this design system covers chart types and interaction patterns for data visualization. It includes 20 chart types and integration notes to support building, reviewing, and optimizing data-driven components across 9 different stacks.