Caspian Marker v2

← All apps

Point at any part of the screen, say what to change, hand Claude a precise report.

A review layer like the one in Claude Design, but for anything. Every comment is pinned to an exact element or area and exported as a numbered report an AI coder can act on without guessing.

Any web page

The Marker bookmarklet

Works on your live sites, localhost and admin panels. No extension needed. Hover to highlight, click to comment, or drag a box. The report carries the selector, visible text, React/Vue component name, current styles and position for each item.

Marker
  1. Drag the dark Marker button onto your bookmarks bar (CtrlShiftB shows it). If dragging doesn't work, copy the code, add a new bookmark and paste it as the URL.
  2. Open any page and click the bookmark. Click it again later to bring Marker back. Comments are kept per site in that browser.
  3. Press Copy report and paste it to Claude, or download it as .md.
Anything else

Screenshot mode

For desktop apps, Android screens, PDFs, dashboards or anything you can't run a bookmarklet on. Paste a screenshot, click for a pin or drag for a box, and comment. You get the same numbered report plus annotated images to attach.

Open screenshot mode ↓
  1. Take a screenshot (WinShiftS) and press CtrlV here. Add more screens the same way.
  2. Click to drop a pin, drag to draw a box, then type the change.
  3. Copy the report and attach the annotated images in your message to Claude.

Shortcuts inside Marker

Select mode freezes the page's own clicks so you can comment on buttons and links safely. Use Pause (or Esc) to work the page normally, for example to open a menu, then Select again to comment on it.

↑ / ↓ while hoveringClimb to the parent element or back down. Enter comments on the highlighted one. The comment box also has a "↑ parent" button.
Five comment typesChange, Bug, Remove, Question, Note. Each gets its own colour on the page and a tag in the report.
Screenshot with pins⋯ → Hide toolbar, then take a screenshot. The numbered pins match the report, so Claude sees both.
More ways to pointT Text: select words. D Draw: a straight line becomes an arrow. M Measure: click two things to see the gap. Shift+click picks several elements for one comment.
In the comment boxQuick phrases, tags, 🎤 speak, 🎨 pick a colour, and "+ New text / CSS" to write the new wording or try a style live on the page.
Pictures and ZIP⋯ → Take a picture of each pin (share this tab once), then Download everything (.zip) with the report and one picture per pin.
After Claude's fix⋯ → Re-check shows what changed (orange dot), what didn't (green) and what's gone (red). Tick items as fixed in the List, and Start a new review round.
Send and tidy⋯ → Send to Claude copies the report and opens Claude. Tidy the wording with AI uses your AI Studio key, after you click Allow there.
All keysS T B D M P modes, L list, [ ] previous / next, CtrlZ undo, ? help.

Practice area

Press Try it on this page above, then click anything below (or anywhere on this page) to see what the report captures.

Starter
$9/mo

For one person trying things out.

Team
$29/mo

Shared projects and review history.

Business
$79/mo

SSO, audit log and priority support.

Screenshot mode

Paste with CtrlV anywhere on this page, drop image files (several at once is fine), or choose them. Click for a pin, drag for a box. Drag the screen tabs to change their order.

Round 1
100%
Paste a screenshot here

Press CtrlV after taking a screenshot, drop image files, or pick them from your computer.

Giving it to Claude

1. Paste the reportIt starts with a short instruction block for the AI coder, then one numbered item per comment, grouped by page or screen.
2. Attach the imageFor screenshot mode, attach the annotated images. For web pages, a screenshot with pins visible helps but isn't required.
3. Ask for a reply per numberThe report already asks the coder to answer item by item, so you can check each fix against its number.
#1
Tags