← ClaudeAtlas

proofing-roomlisted

Use when someone wants to review, proof, comment on, mark up, draw on, or collect feedback on an HTML page, static site, landing page, slide deck, or generated report — and feed that feedback back to an agent. Drops a self-contained wrapper onto any HTML so reviewers pin comments, edit copy in place, and draw boxes/arrows/freehand marks to show what they mean, then export an anchored JSON (plus a replay file an agent screenshots) an agent can action. No backend, no build step. Triggers include "add review/proofing mode", "let me comment on this page", "let me draw on this slide", "show you exactly where this goes", "collect feedback on this HTML", "make this markup-able", or "turn review notes into a JSON for an agent".
lucasyhzhu-debug/claude-skills · ★ 0 · Data & Documents · score 70
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