![[憨笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_27.0006230.png)
hugo_felix
获得徽章 0
看到这条消息的小伙伴分享下自己前端开发使用的 IDE 和 AI 助手呗![[呲牙]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_2.cd1e2bd.png)
最近在开发 Inspecto，统计下相关信息。
Inspecto：告别浏览器、DevTools、编辑器与 AI Assistant 之间的繁琐切换。 Inspecto 缩短了整个链路：直接从网页开始，顺滑无缝地把准确的上下文交给AI。
![[呲牙]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_2.cd1e2bd.png)
最近在开发 Inspecto，统计下相关信息。Inspecto：告别浏览器、DevTools、编辑器与 AI Assistant 之间的繁琐切换。 Inspecto 缩短了整个链路：直接从网页开始，顺滑无缝地把准确的上下文交给AI。
1
点赞
#新人报道# 最近用 Claude Code 写代码，发现个很蠢的问题：
虽然它代码写得快，但我发现自己每天得花大量时间在浏览器和编辑器之间横跳，去找组件，去复制那堆乱七八糟的 DOM 对应的源码给它喂上下文。
实在忍不住了，搞了个有点暴力的解决思路：
直接让浏览器里的 DOM 节点跟本地的 IDE 通信。
现在我在浏览器里点哪个按钮，或者同时选中两三个组件，它的底层源码和上下文就能直接塞进 AI 的 prompt 里（看下面这个动图）。
感觉这才是 AI 辅助前端开发应该有的形态啊，不用再当人肉复制机了。大家平时给 AI 喂组件上下文是怎么搞的？
虽然它代码写得快，但我发现自己每天得花大量时间在浏览器和编辑器之间横跳，去找组件，去复制那堆乱七八糟的 DOM 对应的源码给它喂上下文。
实在忍不住了，搞了个有点暴力的解决思路：
直接让浏览器里的 DOM 节点跟本地的 IDE 通信。
现在我在浏览器里点哪个按钮，或者同时选中两三个组件，它的底层源码和上下文就能直接塞进 AI 的 prompt 里（看下面这个动图）。
感觉这才是 AI 辅助前端开发应该有的形态啊，不用再当人肉复制机了。大家平时给 AI 喂组件上下文是怎么搞的？
展开
4
4
关注了标签 
NPM
NPM
关注了标签 
HTTPS
HTTPS
关注了标签 
MongoDB
MongoDB
关注了标签 
Redis
Redis
关注了标签 
Docker
Docker
关注了标签 
微信小程序
微信小程序
关注了标签 
MySQL
MySQL
关注了标签 
HTTP
HTTP
关注了标签 
开源
开源
关注了标签 
设计模式
设计模式
关注了标签 
算法
算法
关注了标签 
架构
架构
关注了标签 
React.js
React.js