AI-Augmented Development & Research Tutorial
AI-Augmented R&D Comics · Strip 1 of 3

The Collab Loop

How Dr. Vale fixes five things on a slide — without describing where any of them are.

Dr. Vale
skeptical scientist
Claude
the assistant
1 ! ! ! ! ! Five things to fix on this slide… …
Five problems, one slide — and a talk in ten minutes.
2 ✕ THE OLD WAY “Make the blue box near the top— no, the other blue box— a bit smaller, and also…” ?
The old way: one prompt per change, each describing where you mean. Slow — and easy to point at the wrong thing.
3 ✦ THE COLLAB WRAPPER tighten ✎ typo ✎ swap ✎ smaller ✎ cut ✎ Just click + comment. ✦
The collab wrapper: click any element, drop a comment or edit its text in place. No coordinates, no “the box near the top.”
4 ⬇ Export JSON edits.json [ { "id":"title", "edit":"tighten" }, { "id":"img", "edit":"swap" }, { "id":"sub", "edit":"typo" }, … ×5 ] One file. All five.
Hit Export JSON — every pending note becomes one machine-readable batch, each tied to a stable element id.
5 claude code > apply these edits: [ {"id":"title"…}, ×5 ] ✓ 5 elements located ✓ 5 edits applied ▍ one pass · 1 turn One batch pass.
Paste it back to Claude Code. One pass applies all five edits together — each landing on its exact element.
6 All five. One pass. ✦
All five, fixed at once. The page already knew where every change belonged.