Ui Ux Pro Max

• You need to review or improve an existing interface and want actionable, prioritized recommendations rather than vague advice.
• You're designing user flows for complex workflows — multi-step forms, onboarding sequences, or master-detail layouts — and need a structured approach.
• You want to build or audit a design system, including component hierarchies, spacing rules, state definitions, and usage guidelines.
• You're implementing UI polish details like loading states, empty states, micro-interactions, and transitions that make an interface feel fast and intentional.

• You need visual asset creation (icons, illustrations, mockups, or production design files) — this skill provides guidance and code-level patterns, not graphic outputs.
• You're looking for platform-specific native design (e.g., SwiftUI Human Interface Guidelines deep-dives or Android Material 3 component libraries) rather than general web/app UX principles.

The skill applies foundational principles — progressive disclosure, feedback loops, error prevention, recognition over recall, and consistency — directly to your specific design context. Rather than abstract theory, you get concrete decisions mapped to your users, task, and platform.

Covers navigation patterns (top nav, sidebar, tab bar, breadcrumbs, command palette), form patterns (single column, wizard, inline editing), and data display patterns (tables, card grids, lists, dashboards) with clear guidance on when each is the right choice.

Provides precise implementation specs for loading states (skeleton screens, optimistic UI), empty states, transitions (duration, easing, motion values), and micro-interactions like button press feedback, toggle animations, and form submission states.

Produces structured component definitions including variant hierarchies, size scales, and full state specifications (default, hover, active, focus, disabled, loading). The button system example demonstrates the level of detail: exact pixel values, opacity rules, and usage constraints.

Includes practical validation methods: the 5-second test for page clarity, the squint test for visual hierarchy, the tab test for keyboard navigability, and error-state testing. These help you catch problems before shipping.

When a settings page feels overwhelming or disorganized, this skill audits the current structure, identifies grouping and interaction problems, and recommends a sidebar-nav layout with auto-save behavior, change indicators, and per-field reset controls — with specific component patterns included.

For a new app feature or product, the skill designs a stepped onboarding sequence with one primary action per step, visible progress indicators, smart pre-filled defaults, optional steps clearly marked, and a total time target — ready to hand off to engineering.

When an app has inconsistent buttons or calls-to-action, this skill produces a complete button system: four semantic variants (Primary, Secondary, Ghost, Destructive), three size tiers with exact dimensions, and all required interaction states with precise visual specs.

Use this skill to evaluate an interface for keyboard navigability, visible focus rings, color contrast, motion preferences, and screen reader support — treating accessibility as a core UX requirement rather than an afterthought.