To review diffs more easily, I created a `/change-preview` skill to generate a page that combines the following:
- Before/After screenshots and/or videos
- Diagrams if no screenshots applicable
- Annotations on the screenshots of things that have changed in the UI
- Code diffs alongside AI summaries of why that code was changed
- Steps to reproduce if I want to test changes manually
Now I can run a few agents in parallel, get them to spin up a change preview page once done, and verify it's done the right thing by having the diff, before/after videos, etc. all in one place.
Now I can run a few agents in parallel, get them to spin up a change preview page once done, and verify it's done the right thing by having the diff, before/after videos, etc. all in one place.
Brief demo here: https://steveharrison.dev/reviewing-ai-work-with-change-prev...