开源工具 Cobro:指哪改哪,让 Claude Code 直改页面元素

boonblade · reddit · 2026-09-21

开发者 boonblade 发布了开源 MCP 工具 Cobro(v0.9.1,免费),解决用 Claude Code 做前端时「看得见要改的元素却说不清在哪」的痛点。

用法:安装为 MCP 后执行 "/cobro open localhost:8080" 打开专用开发浏览器,按 Ctrl+Shift+F 点击页面元素、描述想要的改动、发给 Claude Code,即可在浏览器里直接看到结果。

选中的元素会向 agent 提供 DOM/CSS 选择器、计算样式、截图、控制台报错、React/Vue 组件上下文以及源码位置(如可得)。Cobro 刻意保持 MCP 接口极小(open、wait、status、done、screenshot、close),定位是给编码 agent 提供来自人的视觉上下文,而非替代浏览器自动化。

原文链接 →

「编程与Agent」频道最新

更多「编程与Agent」频道 AI 资讯 →