Click or speak on any web page. ShareWithAgent anchors every comment to a real DOM element and hands your coding agent “button .hero__cta, contrast too low” — not “something near (840, 312).”
Nothing to install — paste a public URL and start marking it up. For logged-in, internal, or CSP-strict pages, use the bookmarklet, extension, or terminal below.
Rather not paste a URL — or need a logged-in, internal, or CSP-strict page? Same result every way: every comment anchored to a real DOM element (CSS selector + box + element HTML + styles), plus a prompt-ready Markdown digest.
Capture any page, annotate in your browser, and stream feedback straight back into your coding agent's session.
npx sharewithagent annotate https://your.appAlias swa. Add --json to pipe the payload to an agent/hook.
Drag this to your bookmarks bar, then click it on any page to mark it up — nothing to install.
⤵ Share with AgentDrag the button up to your bookmarks bar. (Sites with a strict Content-Security-Policy block it — use the extension there.)
Click the toolbar icon on any page — it freezes the page exactly as you see it (logged-in, JS-rendered), then you annotate.
⬇ Download extensionChrome/Edge: unzip → chrome://extensions → Developer mode → Load unpacked.
Each note carries a CSS selector, bounding box, element HTML and computed styles. The agent knows exactly what you meant.
Terminal, bookmarklet, browser extension, and a hosted page — all drive the same annotator and emit the same schema. Start however you like; your agent gets identical output.
Snapshots render on your machine. Share links live in the URL fragment — never sent to a server. Self-host the whole thing.
Speak aloud while you browse; an LLM pass turns the ramble into discrete, element-anchored usability issues.
A screenshot tells an agent where. A DOM snapshot tells it what. That difference is the whole product.
“There’s a problem near coordinate (840, 312).” The agent has to guess which element, then hunt for it in the codebase.
“main > section.hero > a.hero__cta, padding 8px, background #6b7280, contrast too low.” The agent opens the file and fixes it.
ShareWithAgent is free and open-source forever — self-host it for nothing. The optional hosted instance costs $5/month, and every penny (after card fees) is donated.