ui-ux-pro-max

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python3, and includes scripts (resource) and data (resource) components.

What problem does it solve?

This Skill helps you make UI and UX decisions faster by turning broad product goals into practical design guidance, component recommendations, and review criteria.

Core Features & Use Cases

  • Design system guidance: Suggests styles, palettes, typography, and layout patterns for web and mobile products.
  • UI review and improvement: Helps identify accessibility, spacing, interaction, and responsiveness issues in existing interfaces.
  • Implementation support: Provides stack-specific guidance for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and shadcn/ui.
  • Use case: You can use it to plan a landing page, refine a dashboard, improve a form, or choose a consistent visual direction for a new product.

Quick Start

Ask for a UI/UX design system recommendation for your product, stack, and style goals, then use the returned guidance to build or review the interface.

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

A UI design system requires consistent style direction, color palettes, typography, and responsive layout patterns. This Skill generates these design system components by analyzing your product goals, stack, and style preferences to deliver actionable component-level recommendations.

What is the best way to review UX and accessibility issues in an existing dashboard?

The best way to review UX and accessibility issues is by evaluating interaction quality, spacing, and responsive behavior. This Skill identifies these problems in existing interfaces like dashboards and provides specific improvement criteria based on accessibility-focused implementation advice.

Can I get UI design guidance for specific frontend frameworks like React, Next.js, or Svelte?

Yes, UI design guidance is available for specific frontend frameworks like React, Next.js, Vue, Svelte, and SwiftUI. This Skill provides stack-specific implementation support, including component recommendations and interaction quality advice tailored to your chosen technology.

Does this tool work with Tailwind and shadcn/ui for building SaaS interfaces?

Yes, this tool works with Tailwind and shadcn/ui for building SaaS interfaces. It applies design-system selection and typography guidance directly to these stacks, ensuring your SaaS product achieves consistent visual direction and accessible responsive layouts.

Why does my responsive layout break on mobile apps and how do I fix it?

Responsive layouts break on mobile apps due to improper spacing, interaction conflicts, or incompatible component-level decisions. This Skill helps identify these responsiveness issues and provides practical layout decisions and stack-specific implementation guidance to resolve them.