gh-anthemflynn-ccmp-plugins-website-debug/commands/verify-changes.md

description, allowed-tools, model

description	allowed-tools	model
Verify frontend changes after editing code. Takes screenshot, checks for errors, and reports results.	Bash(*), Read	sonnet

Verify Changes

After making frontend changes, verify they work correctly.

Instructions

1. Reload the page to pick up changes:

   node ~/.claude/plugins/*/skills/website-debug/scripts/browser-eval.js 'location.reload(true)'
   

2. Wait for page load:

   sleep 2
   

3. Take screenshot:

   node ~/.claude/plugins/*/skills/website-debug/scripts/browser-screenshot.js
   

4. Check for JavaScript errors:

   node ~/.claude/plugins/*/skills/website-debug/scripts/browser-console.js --errors
   

5. Analyze and report:

   • Compare screenshot to expected result
   • List any JavaScript errors
   • Identify if changes applied correctly
   • Note any unexpected side effects

6. If issues found:

   • Describe the problem
   • Suggest fixes
   • Offer to make corrections

7. If successful:

   • Confirm changes work as expected
   • Ask if any refinements needed

This command is designed for the edit → verify → iterate loop that enables self-debugging of frontend work.