ui-ux-pro-max

Generate UI/UX design systems across multiple web and mobile technology stacks.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX teams often struggle to standardize patterns across multiple stacks while maintaining accessibility, consistency, and rapid iteration.

Core Features & Use Cases

  • Multi-pattern UI library: 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks.
  • Multi-domain search with priority-based recommendations to generate product-specific design systems.
  • Design-system persistence workflow: Master + Overrides structure with optional page-level overrides to tailor guidelines per page.

Quick Start

Ask me to generate a complete UI/UX design system for a given product, including styles, colors, typography, and usage guidelines.

Frequently Asked Questions about ui-ux-pro-max

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What is the best way to standardize UI patterns across multiple stacks?

The best way to standardize UI patterns is using a design-system reasoning approach that applies a shared pattern library across multiple stacks. This ensures visual consistency and accessibility while supporting rapid iteration across 9 different technology stacks.

Can I use this to apply design systems across React, Next.js, and Flutter?

Yes, you can apply design systems across React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and shadcn/ui. It provides component implementation guidance and pattern library support tailored for these specific web and mobile application stacks.

What is the Master + Overrides workflow for design-system persistence?

The Master + Overrides workflow is a design-system persistence structure that maintains a global master style while allowing optional page-level overrides. This enables you to tailor specific guidelines per page without losing the core product design system consistency.

How do I conduct an accessibility review for my web application?

To conduct an accessibility review, apply the UI/UX design guidance to evaluate your web and mobile applications against 99 UX guidelines. This ensures your component implementation and style choices meet accessibility standards across your chosen technology stack.

Does this tool provide recommendations for typography and color palettes?

Yes, it provides recommendations from a multi-pattern UI library containing 97 color palettes and 57 font pairings. These are integrated into the design system generation process to ensure consistent typography and color usage across your project.

What is the best way to standardize UI patterns across multiple stacks?

The best way to standardize UI patterns is using a design-system reasoning approach that applies a shared pattern library across multiple stacks. This ensures visual consistency and accessibility while supporting rapid iteration across 9 different technology stacks.