Browser Annotations

Select an element, add feedback, and send it to your coding agent.

Use the skill or simply copy as markdown.

npx skills add wiebekaai/browser-annotations

Features:
- Annotate elements — Select an element and write your feedback
- Works anywhere — Annotate any website from your Chrome DevTools, no project setup
- Live agent collaboration — Send feedback directly to your Pi or Claude Code session via a webhook
- Copy as markdown — Copy an element's context or your feedback at any time
- Full context — Includes an element's selector, position, size, viewport, and device info
- Attach screenshots — Optionally include a screenshot of the selected element
- Source mapping — Links elements to React and Svelte source code during development
- Batch annotations — Annotate elements across multiple pages and send them as one prompt