before-and-after

Put visual proof directly in your GitHub pull request.

pull request documentation

What it does

Adds existing screenshots or screen recordings to a GitHub pull request as before/after comparisons or previews.

When to use it

Use when a pull request needs visual media attached to its description.

Give it a GitHub pull request and existing visual media in the project; it uploads the files and updates the PR description.

What you provide

This skill

GitHub

Write

Updates your GitHub pull request

/tmp/before-and-after.md, /tmp/pr-body.md, and /tmp/pr-body-next.md

Write

Saves temporary Markdown files

browser cookies and local storage

Read

Uses stored browser session data

captured page DOM

Write

Pads the shorter page DOM

Node.js must be available to run the formatter.

The GitHub CLI must be available to read, edit, and attach files to pull requests.

agent-browser is used to create screenshots or recordings and inspect browser page state.

Requires GitHub access that can upload attachments and edit the target pull request.