What problem does it solve? UI fixes are hard to review without visual proof, and on private GitHub repos most image-hosting routes silently 404 for human reviewers even when they pass a curl check. This Skill produces a controlled before/after screenshot pair where the only difference is the code, then publishes the images so they actually render inline for a signed-in reviewer. ## Core Features & Use Cases - Controlled pair capture: Builds both the base branch and the fix branch as production builds in separate git worktrees, then drives one Playwright script against both with identical viewport, input, and waits. - Falsifiable evidence: Prints the same facts read from the DOM into the run log so the log corroborates the pixels, avoiding false-positive assertions like body textContent checks. - Private-repo publishing: Pushes PNGs to a slash-free orphan branch in the same repo and links them via /raw/ URLs authenticated by the viewer's GitHub session cookie, then verifies the rendered HTML for camo proxy breakage. - Use Case: After fixing a bug where an edited field silently fails to persist, capture the broken behavior on the base branch and the corrected behavior on the fix branch, then post both frames side by side in the PR so a reviewer can confirm the fix without running anything. ## Quick Start Ask the agent to add before and after screenshots proving this UI fix to the pull request.
