Send a report straight to Claude Code

Box what drifted. Don’t describe it.

Drop in a screenshot of what your coding agent built. Drag a rectangle over each thing that’s wrong, write a note, and hand the annotated report back.

See a real report

MIT · Runs on localhost · Nothing uploaded

localhost:24680
The editor: a dashboard capture with three numbered regions drawn on it, a design reference in the side panel, and a note beside each divergence.
3 divergences sent to Claude Code

A real session, not a mockup.

Can’t I just type it?

A box beats a paragraph.

“The button looks a bit off” costs you a turn. A numbered box on the button with “44px tall, design has 36px” doesn’t.

the button in the top right looks a bit off, maybe too tall? and the heading under the search bar should be bigger i think. also the table rows feel cramped

Which button? I’ll adjust the “Search” input padding…

no, the other one. the blue one, top right

Three locations, in prose. The agent guesses.Turn 2 of ?
A report: the annotated capture with three pinned note cards beside the clean design reference.
One rectangle, one note. No guessing.Turn 1 of 1
The report

One prompt in. Every fix spelled out.

Each box becomes a numbered pin, a note on a card, and a line in the prompt. The card is for people; the text is for the model.

You, to Claude CodeFix the 3 divergences marked on reports/report-2026-09-25T14-27.png

Button is 44px tall and flush to the edge; the design has 36px.

Heading is 20px semibold; the design uses 28px bold.

Rows are 44px instead of 56px; due date should right-align.

One PNG at full resolution, written to ./reports

How it works

Paste. Box. Send.

1 · Paste

Press ⌘/Ctrl V or drop a screenshot of the running UI. Add the design reference beside it the same way.

The empty editor, waiting for a pasted capture.
2 · Box

Drag a rectangle over each divergence and say what it should be. Every region gets a numbered pin.

3 · Send

Send to Claude Code opens a session in your project with the prompt typed. Nothing runs until you press Enter.

Survives downscaling

Vision pipelines shrink images to a ~1568px long edge. Pins and notes are drawn heavy so they arrive legible.

Every report is a save file

The clean capture, the reference and every note ride inside the PNG as tEXt chunks. Drop it back and keep editing.

Stays off your ports

Serves on 24680, not the 3000 or 5173 your app is using. Taken? It walks up to the next free port.

Privacy

Nothing leaves your machine.

No login, no account, no telemetry. The server runs on localhost inside your project, and the only file it writes is the report.

Your machine
ScreenshotPasted from your clipboard
localhost:24680Runs inside your project
report.pngWritten to ./reports
Claude CodeOpened locally, waits for Enter
The internetNever contacted
0
bytes uploaded, ever

Screenshots of unreleased UI stay on your disk.

1
PNG per report

Into ./reports in the project you started from. Nothing anywhere else.

0
agents run by this tool

It opens a session. You read the prompt and press Enter.

Let your agent see the drift.

Node 22+. Run it from your project folder.