ui-ux-pro-max

Generate UI design system recommendations for web and mobile projects.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max provides centralized, AI-assisted UI design guidance and a design-system generator to accelerate consistent, accessible interfaces across multi-domain projects.

Core Features & Use Cases

  • Multi-domain design system generation across product, style, color, typography, and landing domains with reasoning-driven recommendations.
  • Auto-suggested color palettes, typography, spacing, and component guidelines for web/mobile interfaces.
  • Use Case: a SaaS dashboard, marketing landing page, or admin panel can be rapidly outlined with a cohesive design system.

Quick Start

Describe your project goals and run the tool to generate a complete design system with default ASCII output.

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 design system for a React or Next.js dashboard?

To generate a UI design system for a React or Next.js dashboard, describe your project goals and the tool outputs comprehensive color, typography, and spacing recommendations. It provides reasoning-driven guidelines tailored to web and mobile interface projects.

What is the best way to ensure accessibility and performance in a multi-domain design system?

The best way to ensure accessibility and performance in a multi-domain design system is to use AI-assisted reasoning rules. The generator automatically includes accessibility and performance criteria alongside color and typography guidelines for your interface projects.

Can I use this UI design generator with Vue, Svelte, and SwiftUI stacks?

Yes, you can use this UI design generator with Vue, Svelte, and SwiftUI stacks. It applies across web and native stacks, providing component guidelines and implementation guidance for various platforms like admin panels and product sites.

How do I apply page-level overrides to an existing design system?

To apply page-level overrides to an existing design system, use the optional Master/Overrides persistence feature. This allows you to maintain a cohesive base design while supporting specific page-level modifications for landing pages or dashboards.

Does the tool output visual design files or text-based recommendations?

The tool outputs text-based recommendations using default ASCII output rather than visual design files. It generates auto-suggested color palettes, typography, spacing, and component guidelines directly from your project goal descriptions.

What do I need to start generating design system recommendations for a SaaS landing page?

To start generating design system recommendations for a SaaS landing page, you only need to describe your project goals. The system aggregates domain-guided searches to rapidly outline a cohesive design system without requiring external dependencies.