---
name: ui-review
description: Review and improve a rendered website interface against an explicit page purpose and authorized visual reference. Use for a requested UI polish or responsive design review, not backend-only work.
---

# UI review

## Inputs

Use the requested page URL, page purpose and authorized reference. Read project
instructions first. Identify the primary visitor action and preserve existing
copy, branding and behavior unless the user requests changes to them.

## Review

1. Open the running page and the reference at the same desktop width. Capture
   current screenshots. Inspect hierarchy, typography, spacing, imagery and controls.
2. Resize the same page to a narrow mobile viewport, such as 390 by 844 pixels.
   Inspect wrapping, overflow, navigation, forms and the primary action.
3. Check applicable keyboard focus, empty, loading, error and expanded states.
4. Identify concrete differences that affect the page's purpose. Do not treat
   personal taste as a defect or copy the reference's identity and claims.
5. Make the smallest coherent correction permitted by the task. Preserve
   unrelated code and approved visual decisions.
6. Run relevant project checks and inspect fresh browser output at both widths.
   Report what changed and what remains unchecked.

## Limits

Requires browser access or current supplied screenshots. Screenshots alone do
not prove interactions. If rendering is unavailable, give a code-based assessment
and state that visual quality is unverified. Do not invent screenshots or results.
These are procedural instructions, not a guarantee of better model output.