UISelector2AI在浏览器中使用的扩展工具,这款工具支持一键抓取网页元素选择器(Selectors)和 HTML,专为 AI 程序码助手打造等,欢迎下载。
介绍
UISelector2AI - AI 提示词专用网页元素工具
一键抓取网页元素选择器(Selectors)和 HTML,专为 AI 程序码助手打造。
UISelector2AI 帮助开发人员与 Prompt 工程师快速提取网页上精确的 CSS 选择器、HTML 结构。它可以将数据整理为干净、适合 AI 阅读的提示词(提示),完美搭配 ChatGPT Codex、Claude Code、Antigravity 或 Gemini CLI 使用,以自动定位网页元素和 AI 工具快速更新修复方案代码。
主要功能
点击即选(Point & Click):游标悬停高亮显示,点击即可抓取取元素。
AI专用输出:自动生成构造的提示符,包含URL、选择器。
侧边栏工作区:在侧边栏(侧面板)检视与管理您已添加的一些元素列表。

智慧选择器:生成稳健的CSS选择器(支持ID、Class、属性与结构定位)。
如何使用
启动检测模式:按Alt+O 或点击弹出中的“Start Inspect”。
一些元素:点击网页上您想参考的 UI 元素。
开启侧边栏:按 Alt+L 查看已提供的一些元素列表。
汇出提示:点击“复制提示”(Alt+C) 复制清理后的文字。
键盘快速键
开启检测模式(Toggle Inspect):Alt + O
关闭检测模式(Toggle Inspect):Alt + O 或 Esc
开启侧边栏(Side Panel):Alt + L
复制提示:Alt + C
清除标记:Alt + X
插件安装说明
1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点,在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况,可以将crx文件右键,然后选择【管理员取得所有权】,再尝试重新安装
5、安装好后即可使用
扫码关注公众号,发【识别码】获取











