页面上“想改的区域”很难一次说清楚,
经常需要多轮确认“到底是哪个节点、哪个组件、哪一行”。
所以我做了一个小工具:
https://github.com/linhay/react-debug-inspector
它解决什么问题?
把“视觉区域描述”变成“可执行的源码定位信息”。
选中页面元素后,可以直接拿到:
文件路径:组件名:标签:行号
例如:
src/components/Button.tsx:Button:button:42
这样你把这串信息丢给 AI ,它就能更快、更准地改到你要的位置。
使用流程
[ol]
[/ol]
流程:开启 bug 模式 -> 选节点 -> 丢给 AI 开始定向许愿
适用场景
设计原则
在线体验:
https://linhay.github.io/react-debug-inspector/
欢迎拍砖,尤其想听听大家在“AI + 前端协作定位”这块还有哪些痛点。

