proofing-roomlisted
Install: claude install-skill lucasyhzhu-debug/claude-skills
# Proofing Room
## Overview
Proofing Room is a single drop-in script (`proofing-room.js`) that turns **any**
HTML page into a review surface. A human reviewer can pin comments to elements,
edit copy in place, and **draw on the page** — box, arrow, freehand — to show what
they mean when words won't do it; then one button exports an **anchored JSON**
describing every comment, edit and drawing, which an agent reads to action the
changes. No backend, no framework, no build step — it's vanilla JS that stores
state in `localStorage`.
**Core loop:** agent builds HTML → human reviews in proofing mode → exports JSON
→ agent applies the feedback. This skill handles both ends: **wiring the wrapper
in**, and **acting on the JSON that comes back**.
A drawing can't be read out of its coordinates, so the export ships a **replay
companion** and the agent side has one extra step: render the marks back over the
page and **screenshot it** (see [Drawing](#drawing-v7) and
[Capturing a drawing](#capturing-a-drawing-the-agent-side)).
Works on both **scrolling pages** (landing pages, reports, long HTML) and
**slide decks** where only one slide renders at a time (display/visibility/
transform/opacity toggling). On a deck, each pin tracks its own slide and is
hidden while that slide is off-screen, and `Extract JSON` maps every slide's
prose — not just the one on screen. (Jumping from the tray to a comment on
another slide auto-navigates reveal.js decks; for other custom deck frameworks,
navigate