| name | verify-frontend-change |
| description | Verify any UI change end-to-end before declaring it done. |
Verifying frontend changes
Instructions
Never report a UI change as complete based on a successful edit alone. Verify it the way a human reviewer would:
-
Start the dev server and open the edited page in the browser.
-
Interact with the change directly. For a new control (button, input, toggle): click it, confirm the expected state change, and screenshot before/after.
-
Check the browser console: zero new errors or warnings.
-
Use the Chrome Devtools MCP, run a performance trace and audit Core Web Vitals.
If any step fails, fix the issue and rerun from step 1 — do not hand back partially verified work.
Examples
- After implementing a UI change, run through the checklist above before opening a PR.
- If the console shows new warnings or errors, resolve them and repeat the verification.
Source