Introduction
UI Refinement reads product notes, design constraints, target files, and current visual signals before reviewing hierarchy, layout, typography, color, states, responsiveness, keyboard use, contrast, loading, and error paths. It can deliver a focused critique or make frontend code changes. The result is then checked in a browser or screenshot and scanned again for high-confidence issues.
Use Cases
Use it to polish landing pages, dashboards, product workspaces, settings, forms, and mobile layouts before release. It can address weak hierarchy, uneven spacing, missing states, narrow-screen overflow, invisible focus, or menus that do not close on outside click while preserving existing functionality and content meaning.
Template
Provide the project path, target page or component, primary user task, supported devices, immutable functionality, and reference screenshots. State whether you want an audit only or code changes, plus the startup command, acceptance page, and design-system rules that cannot change.
