Selector
selector.ai
精准复制UI上下文,赋能AI编码
2个月前制作者:oil-oil
关于 Selector
Selector 是一款专为 AI 编码代理使用者设计的轻量级书签工具。它能让你一键点击任意 UI 元素,生成清晰的上下文提示,并直接粘贴到 Claude Code、Codex、Cursor 等 AI 编码助手中,极大提升开发效率。
核心功能
- 一键捕获 UI 上下文:点击任意页面元素,自动提取页面路由、稳定定位器、可见文本及 React 组件上下文(如可用),并附带足够视觉细节,确保目标唯一性。
- 无缝集成 AI 编码代理:生成的提示可直接粘贴到主流 AI 编码工具中,无需额外适配。
- 零安装零依赖:以书签形式运行,无需安装扩展、注册账户或配置后端服务。
主要特性
- 轻量无负担:仅需添加书签,不占用系统资源,即点即用。
- 精准定位:捕获稳定 CSS 选择器或 XPath,确保 AI 能准确识别目标元素。
- 上下文丰富:包含页面路由、可见文本、组件结构等,让 AI 理解修改意图。
- 跨工具兼容:支持 Claude Code、Codex、Cursor 等主流 AI 编码代理。
- 隐私安全:所有数据本地处理,不上传任何信息至服务器。
适用场景
- AI 辅助开发:快速向 AI 编码代理描述需要修改的 UI 元素,减少沟通成本。
- 调试与测试:精准定位页面元素,辅助生成测试脚本或调试指令。
- 自动化脚本编写:为自动化工具提供稳定的元素定位信息。
- 团队协作:统一 UI 元素描述方式,提升团队与 AI 协作效率。