skills.rest
masermediagroup-stack
masermediagroup-stackCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Plan and execute UI/UX design decisions for web and mobile interfaces.

1|Updated Apr 8, 2026
Search Tags:#typography#design#ui#ux#design-system#style-guide#color-palette
One-click install
npx skills add https://github.com/masermediagroup-stack/CursorSkills --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/CursorSkills/tree/main/skills-bundle/skills/community/ui-ux-pro-max-skill/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/masermediagroup-stack/CursorSkills --skill ui-ux-pro-max-masermediagroup-stack

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Inconsistent UI and design handoffs across web and mobile projects slow delivery and degrade user experience. This guide delivers a centralized, intelligent framework to plan, design, and audit interfaces with consistency across stacks.

Core Features & Use Cases

  • Comprehensive style patterns (glassmorphism, flat, dark mode) and color palettes to accelerate decisions.
  • Typography tokens and layout rules enabling scalable design systems for React, Next.js, Vue, Svelte, SwiftUI, and more.
  • Use cases include building a dashboard, landing page, admin panel, or mobile app with consistent components and guidelines.

Quick Start

Generate a complete UI/UX design system for a dashboard project in React.

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 create a consistent UI design system for React and Next.js projects?▼

To create a UI design system, this skill generates a centralized master document defining style patterns, color palettes, typography tokens, and layout rules specifically for React and Next.js interfaces to ensure consistent components.

Can I use this to plan UI components for a SwiftUI mobile app?▼

Yes, you can plan UI components for a SwiftUI mobile app. The skill applies design system specifications, including accessibility checks and component guidelines, directly across mobile stacks like SwiftUI to optimize interfaces.

What is the best way to define typography tokens and color palettes for a dashboard?▼

The best way to define typography tokens and color palettes for a dashboard is using a structured design system specification. This skill outputs comprehensive style patterns and token rules to accelerate these decisions.

Does this skill support dark mode and glassmorphism style patterns?▼

Yes, it supports dark mode and glassmorphism style patterns. The skill delivers comprehensive style patterns and color palettes to help you plan, build, and refine interfaces with your chosen visual style.

How do I audit my web interface for accessibility and layout consistency?▼

You audit web interfaces by applying the skill's design system specification, which includes built-in accessibility checks and layout rules to review and refine existing UI components for consistency.

Why does my design handoff break across Vue and Svelte projects?▼

Design handoffs break across Vue and Svelte due to inconsistent UI guidelines. This skill provides a centralized framework with typography tokens and component guidelines to unify design systems across multiple stacks.

Related Skills

Explore More Design & Creative Skills→
luiztrilhaluiztrilha

ui-ux-pro-max

Generate design systems with color palettes, typography, and UX guidelines.

Community
Advanced
cgalliccgallic
40

kaicalls-design

Design KaiCalls admin UI components with dark-first design tokens and typography.

Community
Advanced
gzyxdsgzyxds

ui-ux-pro-max

Standardizes UI/UX design quality across web and mobile projects with accessibility audits and responsive behavior.

Community
Advanced
p-o-ke-naep-o-ke-nae

visual-design-foundations

Create cohesive visual design systems with typography, color, spacing, and iconography standards.

Community
Intermediate