visual-ui-ux-audit
Installation
SKILL.md
Visual UI UX Audit
Core Workflow
- Inspect the actual interface when possible, not only code. Use browser screenshots, responsive viewports, and interaction states.
- Define the task, user, viewport, primary workflow, and quality bar before critiquing.
- Capture key states: initial screen, primary flow, empty/loading/error/success, mobile, desktop, and any modal/menu/dropdown states.
- Identify issues by evidence: where it appears, why it hurts the user, and what change would improve it.
- Prioritize fixes by user impact and effort. Separate polish from blockers.
- If editing, re-check screenshots after changes.
Tooling Rule
When the interface is local or browser-accessible, prefer actual browser inspection through the available browser tooling. Capture desktop and mobile states when relevant. If a browser cannot be used, disclose that the audit is based on code or static artifacts only.