share-the-mark

Annotate live web pages and export a Markdown changelog plus an annotated screenshot.

share the mark turns any live web page into a design-feedback canvas. Draw callouts, notes, arrows, highlights, and element comments directly on the page, then export everything as a clean Markdown changelog plus an annotated PNG — copied straight to your clipboard, ready to paste into an issue, PR, or doc. Annotations are anchored to the page's content (not fixed pixel coordinates), so they survive scrolling, resizing, and re-renders. Each callout resolves to a CSS selector for the element it points at, so the exported changelog tells you (or your coding agent) exactly what to change. Because the marks are content-anchored, you can also copy a share link and a teammate sees them redrawn on the live page — no screenshot needed. Features - Five drawing tools: callout, text note, arrow, highlight, and element comment - A select tool to move, edit, and re-anchor existing marks - Markdown changelog export with resolved element selectors - Annotated screenshot export (composited locally) - Share a mark across machines: copy a link (no screenshot) that redraws the marks on the live page when a teammate opens it - An in-page changelog panel you can collapse out of the way - Optional: hand a brief to a local coding agent via the companion `share-the-mark` CLI (off by default; nothing leaves your machine) Privacy Everything stays on your device. No accounts, no servers, no telemetry. See the privacy policy: https://github.com/mpecan/share-the-mark/blob/main/PRIVACY.md