ui-ux-pro-max

Generate design systems with patterns, colors, typography, and component specs.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/HotspotVPN/Nest_Match_UAE --skill ui-ux-pro-max-hotspotvpn
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/HotspotVPN/Nest_Match_UAE/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/HotspotVPN/Nest_Match_UAE --skill ui-ux-pro-max-hotspotvpn

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Designers and teams need a scalable, AI-assisted design system guide that covers patterns, colors, typography, and components across multiple tech stacks to ensure consistency and faster delivery.

Core Features & Use Cases

  • 67 styles, 96 color palettes, 57 font pairings, 25 chart types across 13 technology stacks.
  • Searchable design-system database with reasoning-driven recommendations for patterns, colors, typography, and accessibility.
  • Use Case: Generate a complete design system for a SaaS dashboard, then adapt it for a mobile app with page-specific overrides using the Master/Overrides pattern.

Quick Start

Invoke the design-system workflow with a descriptive query to generate a ready-to-use design system.

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 design system for a SaaS dashboard?

To generate a UI design system for a SaaS dashboard, invoke the workflow with a descriptive query to aggregate multi-domain UI/UX knowledge into ready-to-use color palettes, typography, and component specs. This produces a scalable, AI-assisted design guide for rapid delivery.

What is the Master and Overrides pattern in UI design systems?

The Master and Overrides pattern in UI design systems establishes a base style guide while allowing page-specific adaptations. It applies a master design system across web and mobile projects, enabling localized overrides for components and patterns without breaking global consistency.

Can I get color palette and typography recommendations for mobile apps?

Yes, you can get color palette and typography recommendations for mobile apps by querying the searchable design-system database. It provides reasoning-driven suggestions across 96 color palettes and 57 font pairings to ensure accessibility and consistency across mobile interfaces.

Does this UI design guidance support different technology stacks?

Yes, this UI design guidance supports 13 different technology stacks. It aggregates pattern recommendations, chart types, and component specifications across these stacks to ensure your design system integrates smoothly with your preferred web or mobile development frameworks.

What is the best way to adapt web design patterns for a mobile app?

The best way to adapt web design patterns for a mobile app is using a Master/Overrides persistence model. Generate a master design system for the web, then apply page-specific overrides to adjust component specs and patterns for the mobile context.

Why do I need an AI-assisted design system for my web project?

You need an AI-assisted design system to ensure scalable consistency and faster delivery across your web project. It aggregates multi-domain UI/UX knowledge to generate pattern recommendations, color rules, and typography pairings, reducing manual design overhead.