CHROME EXTENSION · FREE · OPEN SOURCE · MIT
You built something with Claude or an AI editor. Now you're staring at the browser, spotting issues, losing context every tab-switch. Markup lives in your sidebar — leave a note on anything, generate one structured brief. Paste it in. Done.
Open Markup from the toolbar. Leave a note on anything — localhost, staging, live, or file://. In Dev Mode, hover any element to pin your note to it with an exact CSS selector for developer handoff.
Tag each issue: Bug, Design, Copy, or Question. Notes auto-save per URL — close the browser, they're still there. Works with Wispr Flow: dictate while you scroll.
One button turns your notes into a structured markdown brief — sorted by severity, with exact selectors. Paste it directly into Claude, Cursor, or any AI. Fix everything in one pass instead of context-switching per issue.
Structured markdown. Exact selectors. Sorted by severity. Copy in one click.
| Tool | Works on localhost? | Element annotation? | Screenshot capture? | Fix brief output? |
|---|---|---|---|---|
| Jam.dev | ✗ | ✓ | ✓ | ✗ |
| BugHerd | ✗ | ✓ | ✓ | ✗ |
| Marker.io | ✗ | ✓ | ✓ | ✗ |
| Loom | ✓ | ✗ | ✗ | ✗ |
| Markup ✦ | ✓ | ✓ | ✓ | ✓ |
In early 2025 I had shoulder surgery. One arm in a sling, no keyboard workflow, a product to build. So I did it anyway — dictating every line of context into Wispr Flow, using Claude and Cursor to write the code, and Markup to review what I was shipping.
Markup isn't a thought experiment about AI-assisted development. It's what AI-assisted development actually looks like in practice, from someone who had no other option but to build that way.
"Constraints don't stop you from building. The right tools make constraints irrelevant."
I build educational technology using AI at Aish, a global Jewish education organization — the same AI-native workflow I use there is what built Markup. Everything I learn, I share. Follow along.
The brief format, storage model, and note types are all documented. Fork it, extend it, build the VS Code extension, add your own export. I built the tool I needed — the rest is yours.
User guide, brief format, and open-source contributor docs — in one place.
The brief is a structured markdown document generated from your annotation session. This page documents the exact output format so you can parse it, extend it, or paste it directly into any AI tool.