Browser Annotations
Browser Annotations is a Chrome DevTools extension to grab an element's context and write feedback for agents.
I reach for it all the time, sending the feedback to my Pi session or simply copying the markdown. I like that there's no setup.
If you'd like to try it, you can install the Chrome extension.
Once installed, look for the Feedback tab in the DevTools sidebar. If it's hidden, click and drag the tab to the left.
Now, select an element to capture its context and write your annotation.
Press Command + Period to attach a screenshot.
You can queue multiple annotations with Command + Enter or press Command + Shift + Enter to copy your feedback.
Enable a webhook with to send the feedback to your coding agent session via the Pi extension or Claude Code plugin.
Copy an element's context or your feedback at any time by pressing Command + X (current) or Command + Shift + X (all).
browser-annotations is open source. If you want a feature, feel free to open an issue or fork the repository.
Enjoy!