Screenshot Changelog

Use this skill when preparing a pull request that includes visual/UI changes. Capture before and after screenshots to create a visual changelog that reviewers can quickly scan.

Steps

1. Capture the "before" state — before making changes (or on the base branch), start the dev server and screenshot the affected pages:

   git stash  # or checkout the base branch
   

   Start the dev server, then:

   Tool: browser_navigate
   Arguments: { "url": "http://localhost:3000/affected-page", "take_screenshot_afterwards": true }