ui-ux-pro-max

Generate hierarchical design systems with color palettes, typography, and accessibility guidelines.

Updated Mar 15, 2026
One-click install
npx skills add https://github.com/jtvaris/sunday-night-dynasty --skill ui-ux-pro-max-jtvaris
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/jtvaris/sunday-night-dynasty/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/jtvaris/sunday-night-dynasty --skill ui-ux-pro-max-jtvaris

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX decision-making for web and mobile products is fragmented across teams and styles; this Skill consolidates patterns, color palettes, typography, and accessibility guidelines into a generated design system to accelerate consistent implementation.

Core Features & Use Cases

  • Provides a data-driven design system generator by aggregating results across product, style, color, landing, and typography domains.
  • Recommends patterns, color palettes, typography moods, and accessibility-safe UI guidelines for new pages or components.
  • Use cases include building a landing page, dashboard, or feature components with a cohesive visual language.

Quick Start

Design a cohesive UI for a SaaS dashboard using glassmorphism with accessible color and typography.

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 cohesive design system for web and mobile apps?

Generate a design system by consolidating UI/UX guidance into a hierarchical structure of color palettes, typography moods, and style patterns. This provides a reusable visual language for consistent page-level and component-level implementation across web and mobile apps.

What's the best way to ensure UI accessibility when choosing color palettes and typography?

Ensure UI accessibility by applying generated accessibility guidelines alongside color palettes and typography moods. The system provides accessibility-safe UI recommendations to satisfy functional requirements for new pages, dashboards, and product interfaces.

Can I override and persist design system patterns for different product interfaces?

You can override and persist design system patterns within a hierarchical structure. This allows you to generate, customize, and maintain specific color palettes, typography moods, and style patterns across different landing pages or product components.

How do I apply glassmorphism and specific style patterns to a SaaS dashboard?

Apply glassmorphism to a SaaS dashboard by selecting specific style patterns within the design system generator. The system aggregates product, style, color, and typography domains to output accessible and cohesive dashboard component guidelines.

Does this design system generator work for both landing pages and feature components?

The design system generator works for both landing pages and feature components. It consolidates UI/UX patterns, color palettes, and typography into a single reusable structure, accelerating consistent implementation across varied web and mobile product tasks.

Why use a generated design system instead of ad-hoc UI/UX decisions for mobile apps?

Use a generated design system to solve fragmented UI/UX decision-making across teams. It consolidates typography, responsive patterns, and accessibility guidelines into a single source of truth, accelerating consistent visual language implementation for mobile apps.