ui-ux-pro-max

Generate UI/UX design systems with patterns, palettes, typography, and guidelines.

Updated Apr 2, 2026
One-click install
npx skills add https://github.com/ev3rlit/magam-canonical-archive --skill ui-ux-pro-max-ev3rlit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/ev3rlit/magam-canonical-archive/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/ev3rlit/magam-canonical-archive --skill ui-ux-pro-max-ev3rlit

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Streamlines the creation of cohesive UI/UX design systems for web and mobile apps, reducing time-to-design and ensuring consistency across products.

Core Features & Use Cases

  • 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks.
  • Provides a searchable, opinionated design system with reasoning rules to guide pattern selection, color and typography decisions, and component defaults.
  • Use cases include building new dashboards, landing pages, product interfaces, and design-system refreshes with consistent visuals and accessibility considerations.

Quick Start

Ask the AI to generate a complete design system for a SaaS dashboard.

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 UI/UX design system for a web or mobile app?

To generate a UI/UX design system, define your product type and platform. The Skill outputs pattern selections, color palettes, typography pairings, and component guidelines with reasoning rules, covering 161 product types across 10 tech stacks.

What is included in an automated design system for a SaaS dashboard?

An automated UI/UX design system includes UX guidelines, color strategies, 57 font pairings, and 25 chart types. It provides pattern selection and component defaults specifically for building dashboards, landing pages, and product interfaces.

Can I use this design system generator for accessibility and color palette decisions?

Yes, the design system generator supports accessibility considerations by providing 161 color palettes and opinionated reasoning rules. It guides color and typography decisions to ensure visual consistency and accessibility across web and mobile products.

What's the best way to create consistent typography and UX guidelines for multiple tech stacks?

The best way to ensure consistency is using an opinionated design system with reasoning rules. This Skill provides 57 font pairings and 99 UX guidelines across 10 stacks, enabling rapid system-wide refactors or design refreshes.

Does the UI/UX design guidance cover chart and visualization patterns for product interfaces?

Yes, the design guidance covers 25 chart types for product interfaces. It outputs component guidelines and visualization patterns alongside color and typography strategies, ensuring cohesive data presentation across applications.

How do I refresh an existing product interface design system without losing consistency?

To refresh an existing UI/UX design system, use the implementation checklist and reasoning rules provided. The Skill enables system-wide refactors by standardizing patterns, color palettes, and typography while maintaining visual consistency.