ui-ux-pro-max

Generate UI/UX design guidance for web and mobile interfaces.

Updated Apr 28, 2026
One-click install
npx skills add https://github.com/leexb-wp21-prog/Azure-Ticket-Helpdesk --skill ui-ux-pro-max-leexb-wp21-prog
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/leexb-wp21-prog/Azure-Ticket-Helpdesk/tree/main/.cursor/skills/skills-main/skills-main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/leexb-wp21-prog/Azure-Ticket-Helpdesk --skill ui-ux-pro-max-leexb-wp21-prog

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you design and review UI/UX so interfaces look professional, stay consistent, and feel great on both web and mobile.

Core Features & Use Cases

  • Design intelligence for UI structure and visual decisions: selects styles, color palettes, typography, and interaction patterns for landing pages, dashboards, admin panels, e-commerce, SaaS, portfolios, blogs, and mobile apps.
  • Accessibility-first UX rule application: enforces contrast, focus states, keyboard navigation, labels/ARIA, and reduced-motion compliance to improve usability and meet WCAG-style expectations.
  • Component and interaction guidance across modern stacks: supports React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS with practical rules for buttons, modals, navigation, forms, tables, charts, and responsive layouts.

Quick Start

Use this skill to review or implement a UI change by asking: "Review my UI for accessibility, responsive layout, and visual consistency, then recommend exact improvements for button, form, and navigation patterns."

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 review my UI for accessibility and responsive layout issues?

To review your UI for accessibility and responsive layout, evaluate contrast ratios, keyboard navigation, ARIA labels, focus states, and reduced-motion compliance. This ensures your interface meets WCAG-style expectations and functions properly across different screen sizes.

What's the best way to design a consistent color palette and typography system for a SaaS dashboard?

Designing a consistent color palette and typography system for a SaaS dashboard involves selecting foundational styles that scale across components. Applying a unified design-system ensures visual consistency and improves data visualization clarity across complex admin panels.

Does this UI/UX guidance work with React Native and Flutter mobile apps?

Yes, this UI/UX guidance works with React Native and Flutter mobile apps. It provides component and interaction guidance for mobile apps, enforcing touch standards and responsive layouts to ensure interfaces feel professional and accessible on mobile devices.

How do I ensure my data visualization charts are accessible and clear?

To ensure your data visualization charts are accessible and clear, apply chart and data visualization best practices across your frontend stack. This includes maintaining visual consistency and accessibility standards to improve the clarity of complex data presentations.

Can I use this to get interaction and component guidance for Vue and Svelte?

Yes, you can use this to get interaction and component guidance for Vue and Svelte. It delivers practical rules for buttons, modals, navigation, and forms across modern frontend stacks including Next.js, Svelte, and Tailwind.

Why does my web interface lack visual consistency across different components?

Your web interface lacks visual consistency across different components due to an undefined design system. Establishing a cohesive color palette, typography rules, and interaction patterns improves visual consistency and professional quality across landing pages and e-commerce flows.