Claudback

Add comments on any webpage. Claude reads them, with pixel-perfect context it can act on.

// Comment on web pages and Claude reads them Claudback lets you pin comments to elements on any web page, a button that's the wrong colour, a layout that breaks on mobile, copy that needs a rewrite. Claude reads your comments, along with pixel-perfect context through a local MCP server so it has all the info it needs to act. // Why I built it If you're anything like me when you're building a website or prototype and iterating with Claude, you find yourself giving Claude screenshots, or typing "the second button in the header, no, the other one". It can be slow and frustrating, targeting Claude to the elements on the page you want to change. That's where Claudback comes in: you click the exact elements on the page and say what you want. Each comment carries the specific context about the element, so Claude knows precisely what element you are talking about on the page. No more vague communication with Claude. // How you use it 1. Open your webpage in Chrome. Click the Claudback icon and enable it for the tab (you'll need to grant it access for the site). 2. Pin comments to anything on the page: "make this bigger", "wrong green", "this overlaps on mobile". 3. Ask Claude Code: "Grab my Claudback comments." Claude reads each comment, with its element context, through the MCP server. 4. Tell Claude what you want it to do with the comments. Generally i'm wanting Claude to make adjustments to the code. 5. Claude resolves the comments as it works on them. Reload the webpage, look at the result, drop the next round of comments. // It's not just for webpage building Annotate any site to collect structured, element-anchored notes for Claude to work from. Useful for competitor teardowns, PRDs, design reviews and content audits. //How it technically works The claudback-mcp server runs on your machine, started and stopped by Claude itself. It embeds a small HTTP collector that only listens on localhost. The extension syncs your comments to it; Claude reads them through MCP tools (get_comments, list_origins, resolve_comment, clear_comments). //Private and secure - There are no remote servers, no accounts, no analytics. - The collector binds to localhost only and requires a pairing token. - Your comments live in `~/.claudback/` on your own machine. - I've no interest in commercialising this, it's just a helpful tool for the people. Requires the free `claudback-mcp` npm package (Node 20+) and Claude. Setup guide opens on install. Made by Andy Biggs (NZ) — www.andybiggs.net