ui-ux-pro-max

Generate prioritized UI/UX design recommendations for web and mobile interfaces.

7|2|Updated Feb 25, 2026
One-click install
npx skills add https://github.com/wenerme/ai --skill ui-ux-pro-max-wenerme
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/wenerme/ai/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/wenerme/ai --skill ui-ux-pro-max-wenerme

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill prevents UI from looking unpolished by guiding structure, interaction patterns, visual style, accessibility, and UX quality across web and mobile.

Core Features & Use Cases

  • UI/UX decision support: applies prioritized checks for accessibility, touch interaction, responsive layout, navigation, and UX consistency during design and code review.
  • Design system generation: recommends a cohesive pattern, style direction, color palette, typography pairing, and key interaction effects for landing pages, dashboards, admin panels, e-commerce, SaaS, portfolios, blogs, and mobile apps.
  • Stack-aware implementation guidance: supports multiple UI stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, HTML/CSS) and can search domain-specific UX and chart guidance.

Quick Start

Use the ui-ux-pro-max skill to design a SaaS dashboard by asking for a full design system recommendation and UX checklist for responsive layout and accessibility.

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 with color palettes and typography pairing for a SaaS dashboard?

To generate a design system for a SaaS dashboard, run the provided search and design-system generator scripts. This produces prioritized recommendations for cohesive color palettes, typography pairing, style direction, and UX guidelines.

Does this UI/UX guidance tool work with React, Next.js, and Tailwind stacks?

Yes, this UI/UX guidance tool provides stack-aware implementation support for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS. It delivers specific component patterns and interaction guidance for your chosen stack.

What is the best way to apply accessibility and responsive layout checks during a UI code review?

The best way to apply accessibility and responsive layout checks is to use this skill's prioritized UX rules. It evaluates touch interaction, navigation, and UX consistency to fix unpolished web and mobile interfaces during planning and code review.

Can I get UX guidelines and chart recommendations for building an admin panel?

Yes, you can get UX guidelines and chart recommendations for building an admin panel. The skill searches domain-specific chart guidance and applies prioritized checks for navigation, touch interaction, and visual style.

How do I select UI styles and interaction effects for a mobile app?

To select UI styles and interaction effects for a mobile app, run the design intelligence scripts to produce prioritized style recommendations. This ensures cohesive visual patterns and reliable UX consistency across mobile interfaces.