Product & UX · Audit
Review a product interface
Trace a user journey through the interface, including loading, errors and empty states.
MCP library 1.6.1 · Instruction library 1.6.1 · English technical instructions
← Back to searchUse this workflow
Connect Vibe Coding Library to a coding agent that supports MCP over Streamable HTTP. Choose Other / MCP agent for a neutral prompt, or a ready-made Codex or Claude Code invocation. Add your task details below.
Goal and scope
Audit a selected route or component across data ownership, permissions, all reachable states, accessibility, and user-visible behavior.
Domain invariants
- Visible actions match authoritative permissions, tenant/project context, plan/quota state, and backend capability.
- Loading, empty, error, retry, stale, success, disabled, no-access, destructive, and partial states are intentional.
- Server/client schemas, cache ownership, navigation, URL state, analytics, localization, and copy remain synchronized.
- Keyboard/focus/semantics, responsive layout, privacy, and performance are preserved for changed states.
Audit method
- Map the user goal from route entry to data fetch, decision points, mutation, feedback, and follow-up navigation.
- Inspect every reachable state and race: slow response, stale request, double action, permission/plan change, and failure.
- Trace component and cache ownership to backend contracts and identify duplicated UI-only business rules.
- Use screenshots, previews, browser traces, or tests when available; do not claim visual correctness without them.
Handoff
Retain route/component, actor/context, initial state and exact action/response order. Trace the first mismatch among data/action ownership, rendered state and backend permission/effect. Feed that failing sequence, expected visible/durable result and source owner into Improve Product UI; avoid treating wrong underlying data as a stylesheet defect.
Workflow ID: product-ui-audit · View the versioned source · Shared workflow and authority rules