ui-ux-pro-max

Create UI/UX design systems with color, typography, layout, and accessibility guidance.

Updated Feb 7, 2026
One-click install
npx skills add https://github.com/brunodavid1308/match-node --skill ui-ux-pro-max-brunodavid1308
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/brunodavid1308/match-node/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/brunodavid1308/match-node --skill ui-ux-pro-max-brunodavid1308

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Consolidates UI/UX design guidelines, style patterns and assets into a searchable system to ensure consistent design across web and mobile projects.

Core Features & Use Cases

  • Comprehensive design system with 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks.
  • Priority-based rule categories for accessibility, interaction, performance, layout, typography, color, animation, style selection, and charts.
  • Quick references, best practices, and step-by-step workflows for design evaluation, creation, and review.

Quick Start

Access the design system and apply it to your current project to guide component choices, typography, color, and accessibility decisions.

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 create a UI design system for web and mobile applications?

To create a UI design system, you consolidate color palettes, typography pairings, and component patterns into a searchable structure to ensure consistent product design across web and mobile platforms. The system provides structured guidance and actionable steps for design decisions.

What are the best practices for choosing a color palette and typography for a design system?

Best practices for color palette and typography selection involve using priority-based rules across 97 color palettes and 57 font pairings. This ensures your style patterns meet accessibility, interaction, and performance guidelines while accelerating design decisions.

How can I check if my UI components meet accessibility guidelines?

You can check UI components against accessibility guidelines using priority-based rule categories and 99 UX guidelines. This process delivers structured evaluation checklists and actionable implementation patterns to ensure compliance across web and mobile platforms.

Does this UI/UX design system support specific technology stacks for component patterns?

Yes, the UI/UX design system supports 9 specific technology stacks. It delivers structured component patterns and style selections across these stacks to ensure consistent design implementation and accelerate layout decisions for your product workflows.

What is the best way to structure UX guidelines and chart patterns for data visualization?

The best way to structure UX guidelines and chart patterns is through a comprehensive design system featuring 25 chart types and priority-based rules. This approach delivers structured guidance and step-by-step workflows for data visualization design evaluation.

When should I not use a comprehensive design system for my UI workflow?

You should not use a comprehensive design system when your project requires highly bespoke, non-standard style patterns outside the 50+ provided styles, or when your technology stack is not among the 9 supported stacks for component patterns.