Snapmark · for Claude Code users
Annotate screenshots for Claude Code.
Claude Code accepts pasted images in its chat input. Snapmark is a VS Code extension that lets you draw on clipboard screenshots — numbered steps, arrows, blurred regions — before you hit paste. No Claude Code integration, no network round-trip, no file on disk.
Why annotate before pasting into Claude Code
Point at the thing you mean
Dropping a raw screenshot into Claude Code and typing “the button in the top right doesn’t work” makes the model guess which button. A red arrow and a circle eliminate that guess in one token.
Walk it through a flow in order
Snapmark’s numbered step markers (1 · 2 · 3) let you sequence a multi-step UI bug on a single image. Claude Code reads the order from the numerals instead of from your prose description.
Blur it before it leaves your machine
If the screenshot has an API key, a bearer token, or a customer email, Snapmark’s blur tool pixelates the region on the clipboard image itself. Claude Code sees the sanitised PNG; the original bits never touch the wire.
How the workflow looks
- 1. Copy a screenshot. Use your OS tool — ⌃⇧⌘4 on macOS, Win+Shift+S on Windows.
- 2. Hit ⌘⇧A (Ctrl+Shift+A) in VS Code. Snapmark opens an annotator with the clipboard image already loaded.
- 3. Draw, click Copy. The annotated PNG replaces the clipboard, auto-resized so Claude Code’s vision tokens aren’t wasted on Retina pixels.
- 4. Cmd+V into Claude Code. The Claude Code composer accepts the image like any other paste. You never leave VS Code.
Stop describing your screen to Claude Code. Show it.
Free, open source, no telemetry.
