ui-ux-pro-max

Generate cross-domain design systems with color, typography, and accessibility recommendations.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/krabbypatty1031-blip/JustAsk --skill ui-ux-pro-max-krabbypatty1031-blip
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/krabbypatty1031-blip/JustAsk/tree/main/.gemini/skills/ui-ux-pro-max
Command: npx skills add https://github.com/krabbypatty1031-blip/JustAsk --skill ui-ux-pro-max-krabbypatty1031-blip

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX teams often struggle to assemble consistent design systems across multiple projects and stacks. This Skill provides a centralized, evidence-based design system generator that merges guidance on style, color, typography, and layout from multiple domains to accelerate delivery.

Core Features & Use Cases

  • Cross-domain design guidance for product types, color palettes, typography, landing patterns, and UX guidelines.
  • Generated design system components including color palettes, typography pairs, spacing, and interaction patterns tailored to the target product.
  • Use Case: When kicking off a new dashboard or marketing site, generate a complete, implementation-ready design system with prioritized patterns and accessibility considerations.

Quick Start

Run the multi-domain search workflow and synthesize results into a coherent design system ready for use.

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 design system for a new dashboard or mobile app?

To generate a design system, run the multi-domain search workflow to synthesize cross-domain UI/UX guidance into coherent color palettes, typography pairs, spacing, and interaction patterns tailored to your target product. This delivers an implementation-ready design system with prioritized patterns and accessibility considerations.

What is a cross-domain design system and when do I need one?

A cross-domain design system merges style, color, typography, and layout guidance from multiple domains into a centralized repository. You need one when assembling consistent UI/UX patterns across multiple projects and stacks to accelerate delivery and ensure evidence-based decisions.

Can I use this to create design systems across different tech stacks?

Yes, you can apply the generated design systems across 9 stacks. The Skill provides cross-domain design guidance for product types, color palettes, typography, landing patterns, and UX guidelines tailored to websites, dashboards, and mobile apps.

How do I ensure accessibility is included in my generated design system?

Accessibility considerations are integrated directly into the generated design system components. The workflow synthesizes UX guidelines and interaction patterns that meet accessibility requirements alongside color, typography, and layout recommendations for your target product.

What's the best way to start a design system for a marketing site?

Run the multi-domain search workflow to synthesize cross-domain results into a coherent design system. This generates implementation-ready color palettes, typography pairs, and landing patterns with prioritized recommendations specifically tailored to marketing sites.

Does this design system generator provide implementation guidance?

Yes, the design system generator provides implementation guidance using the provided codebase. It delivers reasoning-driven decisions and implementation-ready components including color palettes, typography pairs, spacing, and interaction patterns for direct application.