UI Audit Guide

Purpose

Audit a running web application for UI/UX issues by navigating through user flows with Playwright MCP. Evaluate each screen against the project's design guidelines and report issues categorized by severity. Then run a separate visual direction pass on key screenshots.

When to Use

• After building a new feature or page
• Before creating a PR to catch UX regressions
• When reviewing someone else's UI implementation
• When the user asks to "test the UI" or "check the design"

Base Rules

Always load and audit against: