brucetoo /
这是一个开源的 Chrome 扩展 + 本地 Bridge Server，旨在实现“浏览器内的 AI 结对编程”。 它解决了一个常见痛点：在浏览器调试页面时，如果想修改代码，通常需要手动去编辑器里找文件。 Visual Agentic Dev 允许开发者在 Chrome 中按住快捷键点击任意 React 组件，侧边栏会立即弹出 AI 对话框（集成 Claude Code 等 Agent）。你告诉 AI 怎么改，它就能利用 React F…
这是一个开源的 Chrome 扩展 + 本地 Bridge Server，旨在实现“浏览器内的 AI 结对编程”。 它解决了一个常见痛点：在浏览器调试页面时，如果想修改代码，通常需要手动去编辑器里找文件。 Visual Agentic Dev 允许开发者在 Chrome 中按住快捷键点击任意 React 组件，侧边栏会立即弹出 AI 对话框（集成 Claude Code 等 Agent）。你告诉 AI 怎么改，它就能利用 React Fiber 的运行时信息定位到本地源码文件，并直接修改本地代码，实现所见即所得的开发流。 核心特点： 1. 零配置：利用 React Fiber 原理在运行时定位源码（无需 Babel 插件）。 2. 真·Agent：在浏览器侧边栏集成完整终端 (xterm.js)，运行真正的 AI CLI 工具。 3. 即时反馈：AI 改完代码，HMR 热更新立即生效。
Discuss this product