ui-ux-pro-max

Generate design systems with style, colors, typography, and layout decisions.

1|Updated Dec 15, 2025
One-click install
npx skills add https://github.com/jokken79/YuKyuDATA-app1.0v --skill ui-ux-pro-max-jokken79
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/jokken79/YuKyuDATA-app1.0v/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/jokken79/YuKyuDATA-app1.0v --skill ui-ux-pro-max-jokken79

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max provides a comprehensive, design-guidance system to ensure consistent, accessible, and data-informed UI decisions across web and mobile apps.

Core Features & Use Cases

  • 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks to accelerate design while maintaining consistency.
  • Search-driven design guidance: multi-domain search results and reasoning to synthesize design decisions for product, style, color, typography, and layout.
  • Use cases include dashboards, landing pages, SaaS apps, and mobile experiences; it outputs a complete design system including pattern, style, colors, typography, and key effects.

Quick Start

Describe your project and run the design-system generator to produce a ready-to-implement UI guide.

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

A complete design system for a SaaS dashboard includes structured outputs for design patterns, color palettes, typography, and key effects. It synthesizes multi-domain search results to ensure consistent and accessible UI decisions across your application.

What is included in a generated UI style guide for web and mobile apps?

A generated UI style guide includes design patterns, styles, 97 color palettes, 57 font pairings, and key effects. It provides structured outputs in configurable ASCII or Markdown formats to accelerate web and mobile app development.

Can I use this to find typography pairings and color palettes for specific tech stacks?

Yes, you can find typography pairings and color palettes mapped across 9 technology stacks. It applies multi-domain design reasoning to match your specific stack with 57 font pairings and 97 color palettes.

Does the generated design guidance include UX guidelines and data visualization charts?

The generated design guidance includes 99 UX guidelines and 25 chart types to inform data visualization. This ensures your dashboards and SaaS apps maintain accessible and data-informed UI decisions.

How do I avoid anti-patterns when creating a layout for a landing page?

To avoid anti-patterns when creating a landing page layout, use AI-powered design reasoning to synthesize decisions. The generated design system explicitly identifies anti-patterns alongside styles and key effects to prevent inconsistent UI choices.

What's the best way to document UI design decisions for a development team?

The best way to document UI design decisions is exporting a structured design system in Markdown or ASCII formats. This provides developers with ready-to-implement guidelines for styles, colors, typography, and layout patterns.