[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-80320":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":13,"stars7d":17,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":18,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":31,"readmeContent":32,"aiSummary":33,"trendingCount":16,"starSnapshotCount":16,"syncStatus":15,"lastSyncTime":34,"discoverSource":35},80320,"opencode-chrome-annotation","JodusNodus\u002Fopencode-chrome-annotation","JodusNodus","Annotate any page in Chrome and send the screenshot, selected element metadata, and your instruction directly into OpenCode.","",null,"TypeScript",70,3,66,2,0,4,9,1.81,"GNU General Public License v3.0",false,"main",true,[25,26,27,28,29,30],"agentic-ai","agentic-coding","ai","chrome","llms","opencode","2026-06-12 02:04:00","# \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fjodusnodus\u002Fopencode-chrome-annotation\u002Fmain\u002Ficon.svg\" width=\"60\" align=\"center\" \u002F> OpenCode Chrome Annotation\n\n[![version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fopencode-chrome-annotation?style=flat&colorA=000000&colorB=000000)](https:\u002F\u002Fnpmjs.com\u002Fpackage\u002Fopencode-chrome-annotation)\n[![license](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fl\u002Fopencode-chrome-annotation?style=flat&colorA=000000&colorB=000000)](https:\u002F\u002Fgithub.com\u002Fjodusnodus\u002Fopencode-chrome-annotation\u002Fblob\u002Fmain\u002FLICENSE)\n\nAnnotate any page in Chrome and send the screenshot, selected element metadata, and your instruction directly into [OpenCode](https:\u002F\u002Fopencode.ai).\n\nhttps:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Fbdee8a15-6720-4e57-b28d-ee6440722b71\n\n\n## Install\n\nAdd the plugin to your OpenCode config:\n\n```json\n{\n  \"$schema\": \"https:\u002F\u002Fopencode.ai\u002Fconfig.json\",\n  \"plugin\": [\"opencode-chrome-annotation@latest\"]\n}\n```\n\nInstall the Chrome extension from the Chrome Web Store:\n\nhttps:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fabeihanpaeioklkhioiigklonbomhjfd\n\n## How It Works\n\n1. Start OpenCode in your project.\n2. Click the extension button in Chrome.\n3. Connect the current tab to your OpenCode session from the in-page picker.\n4. Click **Annotate** in the in-page pill.\n5. Select an element, write your instruction, and submit.\n\n\n### What Gets Sent\n\n- Your written instruction.\n- The current page URL and title.\n- Selected element metadata such as selector, tag, text, role, aria label, and bounds.\n- A screenshot saved locally by the plugin and referenced in the OpenCode prompt.\n\n\n### Troubleshooting\nThe 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.\n\n- The extension can't start a new session, you need to be in an active OpenCode session to connect.\n- If the extension can't find any session, ask your agent to run `chrome_status` that should give a detailed report.\n- Make sure OpenCode and your Chromium browser exist in the same localhost network (not in seperate containers).\n\n\n## Development\n\n### Plugin\n\nThe OpenCode plugin source lives in `src\u002Fplugin.ts`. The published package entrypoint is generated at `dist\u002Fplugin.js`.\n\nInstall dependencies:\n\n```bash\nbun install\n```\n\nBuild the plugin:\n\n```bash\nbun run build\n```\n\n### Extension\n\nThe Chrome extension source lives in `extension-src\u002F`. The loadable extension output is generated into `extension\u002F` and is not tracked by git.\n\n```bash\nbun run build:extension\n```\n\nThen load the generated `extension\u002F` directory from `chrome:\u002F\u002Fextensions`.\n\nTo create the Chrome Web Store upload zip:\n\n```bash\nbun run build:zip\n```\n","OpenCode Chrome Annotation 是一个浏览器扩展，允许用户在Chrome中对任意页面进行注释，并将选中的元素元数据、截图及指令直接发送到OpenCode平台。其核心功能包括页面元素的选择与标注、自动生成相关元数据（如选择器、标签、文本等），并支持本地保存截图以便于后续处理。该工具基于TypeScript开发，采用GNU General Public License v3.0许可发布。适用于需要快速记录网页问题或需求，并希望通过自动化方式进一步处理这些信息的开发者或团队，在敏捷开发、远程协作以及AI辅助编码场景下尤为有用。","2026-06-11 04:00:18","CREATED_QUERY"]