Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Select an option

  • Save bigsnarfdude/49908d52153bd9d484fc543f348493a2 to your computer and use it in GitHub Desktop.

Select an option

Save bigsnarfdude/49908d52153bd9d484fc543f348493a2 to your computer and use it in GitHub Desktop.
---
name: verify-frontend-change
description: Verify any UI change end-to-end before declaring it done.
---
# Verifying frontend changes
Never report a UI change as complete based on a successful edit alone. Verify it the way a human reviewer would:
1. Start the dev server and open the edited page in the browser.
2. Interact with the change directly. For a new control (button, input, toggle): click it, confirm the expected state change, and screenshot before/after.
3. Check the browser console: zero new errors or warnings.
4. 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.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment