Verify Frontend Change

Verify any UI change end-to-end before declaring it done.

Install via terminal

curl -fsSL https://spellbook.build/i/verify-frontend-change | sh

Drops the .md into ~/.claude/skills/verify-frontend-change/. The script is plain shell - inspect it by dropping the | sh.

Skill content

---
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.

loops verification frontend quality