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