ui-ux-pro-max

Generate UI/UX design systems with color palettes and typography pairings.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This skill solves the inconsistency and inefficiency in UI/UX design by providing a structured, data-driven approach to generating design systems, color palettes, and implementation guidelines.

Core Features & Use Cases

  • Design System Generation: Automatically generates comprehensive design systems including typography, color palettes, and effects based on project requirements.
  • Hierarchical Retrieval: Supports a Master + Overrides pattern, allowing for global design rules with page-specific deviations.
  • Implementation Guidance: Provides stack-specific best practices for frameworks like Tailwind, React, Next.js, and more.

Quick Start

Run the design system generator for a new fintech dashboard project using the html-tailwind stack.

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/UX design system for a specific technology stack?

To generate a UI/UX design system, provide your product type, industry, and technology stack. The skill outputs comprehensive design rules, color palettes, and typography pairings tailored to frameworks like Tailwind or React.

What is the master-override pattern for design system management?

The master-override pattern for design system management allows you to define global design rules while applying page-specific deviations. This hierarchical retrieval approach ensures scalable and consistent project documentation across large applications.

Can I use Tailwind with generated UI design guidelines?

Yes, you can use Tailwind with generated UI design guidelines. The skill provides stack-specific implementation guidance and best practices, ensuring generated color palettes and typography pairings integrate seamlessly with Tailwind CSS.

How do I create consistent color palettes and typography for web and mobile apps?

Create consistent color palettes and typography for web and mobile apps by inputting your project requirements. The skill generates a structured, data-driven design system that ensures visual consistency across all platforms and product types.

What's the best way to scale a design system for a large fintech dashboard?

The best way to scale a design system for a large fintech dashboard is using a hierarchical master-override pattern. This approach manages global rules while allowing specific deviations, ensuring consistency and efficiency at scale.