Annotate any page in Chrome and send the screenshot, selected element metadata, and your instruction directly into OpenCode.
https://github.com/user-attachments/assets/bdee8a15-6720-4e57-b28d-ee6440722b71
Add the plugin to your OpenCode config:
{
"$schema": "https://opencode.ai/config.json",
"plugin": ["opencode-chrome-annotation@latest"]
}
Install the Chrome extension from the Chrome Web Store:
https://chromewebstore.google.com/detail/abeihanpaeioklkhioiigklonbomhjfd
The plugin runs a local HTTP server bound to 127.0.0.1 on ports 39240-39260. The extension discovers the active OpenCode plugin instance over localhost.
chrome_status that should give a detailed report.The OpenCode plugin source lives in src/plugin.ts. The published package entrypoint is generated at dist/plugin.js.
Install dependencies:
bun install
Build the plugin:
bun run build
The Chrome extension source lives in extension-src/. The loadable extension output is generated into extension/ and is not tracked by git.
bun run build:extension
Then load the generated extension/ directory from chrome://extensions.
To create the Chrome Web Store upload zip:
bun run build:zip
$ claude mcp add opencode-chrome-annotation \
-- python -m otcore.mcp_server <graph>