SheepNav
Selector

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 协作效率。

相关工具