我构建了 Spotnote，一个免费、开源（MIT）的 Vite 插件，用于给 Claude Code 提供 UI 反馈。

大家好，Claude 用户们！它的功能是：在您正在运行的应用中点击一个元素，输入要做的更改，然后按回车键。Claude Code 会获取该元素所在的精确文件、行号和列号，从而直接编辑那一行，而无需进行搜索。

借助 MCP 服务器，它会接收每一条注释，执行更改，并在浏览器中给出反馈（这就是视频中的演示）。Claude 的帮助体现在：我使用 Claude Code 构建了整个项目，包括插件、MCP 服务器以及跨 React、Vue、Svelte、Solid 和 Astro 的端到端测试。

仓库地址：github.com/harukikuri/spotnote