ui-ux-pro-max

Generates design systems and UI/UX recommendations from a searchable design rule database.

1|Updated Feb 24, 2026
One-click install
npx skills add https://github.com/masermediagroup-stack/maser-media --skill ui-ux-pro-max-masermediagroup-stack
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/masermediagroup-stack/maser-media/tree/main/.cursor/skills/community/ui-ux-pro-max-skill/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/masermediagroup-stack/maser-media --skill ui-ux-pro-max-masermediagroup-stack

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Choosing consistent styles, color palettes, typography, and UX patterns for web and mobile interfaces is time-consuming and error-prone, especially when reviewing accessibility, animation, and responsive behavior across multiple stacks. ## Core Features & Use Cases - Design System Generation: Run a single CLI query to produce a complete design system (pattern, style, colors, typography, effects) with reasoning rules and anti-patterns, optionally persisted as a MASTER.md plus per-page overrides. - Domain Search: Query 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks including React, Next.js, Vue, SwiftUI, Flutter, and Tailwind. - UI Review Checklists: Apply priority-ranked rule categories (accessibility, touch targets, performance, forms, navigation, charts) to audit existing interfaces. - Use Case: When asked to build a fintech dashboard, generate a persisted design system, then search the chart and ux domains to pick accessible chart types and interaction patterns before writing components. ## Quick Start Ask the AI to generate a design system for your product type and then review your page against the accessibility and UX checklist.

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

Run the search.py CLI with your product type and keywords plus the --design-system flag. It searches product, style, color, and typography domains in parallel and returns a complete design system with reasoning and anti-patterns.

How do I search for color palettes or font pairings for a project?▼

Use the CLI with --domain color or --domain typography followed by descriptive keywords like industry or mood. The database contains 161 color palettes and 57 font pairings matched by search terms.

What frameworks and platforms does this UI guidance support?▼

The rule database covers 10 stacks: React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and plain HTML/CSS. Guidance includes platform-specific rules from Apple HIG and Material Design.

Can I persist a design system and override it per page?▼

Yes, add --persist to the design system command to create design-system/MASTER.md as the global source of truth. Use --page to create page-specific override files that take priority over the master rules.

When should I not use this UI/UX design skill?▼

Skip it for pure backend logic, API or database design, infrastructure work, and non-visual automation scripts. It applies only when a task changes how a feature looks, feels, moves, or is interacted with.