LLM Inspector 是一款面向 coding agent 的页面元素定位工具。用 Claude Code、Cursor 这类工具改前端时,最大的摩擦不是模型能力,而是「说不清要改哪个元素」;本工具按住热键悬停、点击,即可把一份结构化定位信息复制到剪贴板,直接粘给 agent 使用。
核心功能:
1、三种接入模式自动决策——proxy(反向代理已运行的本地服务,在 HTML 响应中注入覆盖层)、static(服务静态目录并注入)、vite(内存中挂载插件,不修改用户的 vite.config),由 connect 命令按项目特征自动判定,也可显式指定。
2、端口智能探测:按「项目推断 → 本地监听 → 默认端口」三级顺序,只读解析 package.json 脚本、常见服务入口、README 与 .env 中的端口声明,并做轻量探活。
3、点选取证:payload 区分 build-time(带源文件行列号)与 runtime-only(带选择器、文本、aria、组件层级等可检索线索)两种精度,字段可裁剪,同源重复元素用实例序号消歧。
4、多构建工具适配:提供 Vite / Babel / Webpack / Rspack / Next 五套插件入口,以及纯静态页面可直接引入的单文件运行时。
5、完整 CLI:connect / dev / proxy / init / remove / detect / doctor / explain / last-payload / guide / sessions / snippet 共十二条命令,含健康自检、payload 历史检索与解释。
点击空白处退出提示










评论