design-review

A visual QA audit evaluates typography, spacing, and visual hierarchy on live interfaces by analyzing DOM structure and CSS usage. It identifies visual inconsistencies and proposes iterative fixes with before/after verification to ensure UI polish.

Plan-mode design review audits design quality and suggests proactive polish before implementation begins. You need it when evaluating prototypes or design systems to establish visual consistency guidelines before writing production code.

Fix spacing and typography issues by applying atomic commits that isolate individual visual adjustments. The process generates before/after screenshots for preview-friendly verification, ensuring each layout change improves visual hierarchy without regressions.

Yes, you can use design review to check interaction timing and visual hierarchy on live sites. It evaluates CSS usage and DOM structure to assess interaction timing alongside visual polish, ensuring consistent user interface responses.

The visual QA process works with existing design systems and prototypes by auditing their visual consistency. It analyzes the applied CSS and DOM structure to spot deviations from design system standards and proposes corrective fixes.

Automated UI audits for visual polish are limited to analyzing DOM structure and CSS usage, meaning they cannot detect subjective aesthetic flaws or dynamic contextual errors. They excel at consistency checks but require human judgment for complex visual hierarchy adjustments.