OpenCode Annotate

Annotate any webpage and send screenshots, element selectors, and instructions to your OpenCode agent.

Describe UI bugs by pointing at them, not typing paragraphs. OpenCode Annotate adds a side panel to Chrome that connects any tab to your local OpenCode session. Click an element on the page, write what should change, and the extension sends the cropped screenshot, the element's exact selector, and your instruction straight into your agent's session. Built for developers working with OpenCode: - Select any element: buttons, forms, headings, custom components - Each annotation includes a cropped screenshot plus tag, CSS selector, role, ARIA label, and visible text - Queue several annotations across the page and send them all in one go - Works with DevTools mobile emulation, so you can annotate responsive layouts too - Close stale OpenCode sessions right from the panel How it works: 1. Run OpenCode with the opencode-annotate plugin 2. Click the extension icon and pick your session from the panel 3. Click elements on the page, write instructions, send to the agent Everything is local. The extension talks only to your own OpenCode instance on 127.0.0.1 (ports 39240-39260). No accounts, no analytics, no telemetry. Open source under GPL-3.0: https://github.com/eagleeyejack/opencode-chrome-annotation-extension