LLM-Inspector(AI Coding的页面元素定位器)开源项目

我要开发同款
京京2026年09月20日
3阅读

技术信息

语言技术
ReactTypeScriptNode.jswebpack
系统类型
Web
行业分类
人工智能开发工具
开源地址
https://github.com/Whos12Jackson/LLM_inspector
授权协议
MIT许可

功能介绍

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 历史检索与解释。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论