ui-ux-pro-max

When to Use This vs Others

• Use this (ui-ux-pro-max) when the request needs UX flow + visual direction + component specs + actionable implementation guidance.
• Use web-design-pro for design engineering principles (tokens/accessibility/performance) and system-level best practices.
• Use web-design-guidelines for formal compliance audit output tied to external guideline rules.

Follow these steps to deliver high-quality UI/UX output with minimal back-and-forth.

1) Triage

Ask only what you must to avoid wrong work:

• Target platform: web / iOS / Android / desktop
• Stack (if code changes): React/Next/Vue/Svelte, CSS/Tailwind, component library
• Goal and constraints: conversion, speed, brand vibe, accessibility level (WCAG AA?)
• What you have: screenshot, Figma, repo, URL, user journey

If the user says "全部都要" (design + UX + code + design system), treat it as four deliverables and ship in that order.

2) Produce Deliverables (pick what fits)

Always be concrete: name components, states, spacing, typography, and interactions.