Comment to Agent

About

Comment to Agent turns "this button looks wrong" into precise, paste-ready context for any AI assistant — without leaving your browser.

HOW IT WORKS
1. Open the side panel and click Comment (or Edit design).
2. Click any element on the page. The extension captures its CSS selector, a snippet of its markup, and a cropped screenshot of just that element. On React/Vue apps it also detects the component name — and, in development builds, the exact source file and line.
3. Type your note.
4. Click Copy and paste into Claude, ChatGPT, Cursor, your IDE, or anywhere.

WHY IT'S DIFFERENT • Works with ANY AI — no account, no API key, no lock-in. It just builds clean context and copies it to your clipboard. • Structured, not just a screenshot — you get the selector, markup, and a token-estimated text block, plus the element image as a separate copy. • Knows your codebase — on React/Vue dev builds it surfaces the component and the source file:line, so a coding agent knows exactly what to edit. • Edit-design mode — a Figma-style inspector lets you describe visual tweaks and copies a ready-to-paste CSS diff. • 100% local — no backend, no analytics, no network requests of any kind. Everything stays on your device.

PRIVACY The picker runs only on the tab you're looking at, and only after you click to start it. Host access is requested on demand the first time you pick — not at install. Nothing is ever uploaded.