V2EX 社区近日发布了一款名为 “Prompt Picker” 的 Chrome 浏览器扩展插件，旨在解决 AI 辅助编程（Vibe Coding）过程中常见的“视觉与指令割裂”痛点。该工具的研发源于产品设计与研发环节中，开发者在使用 Cursor、Claude Code 等 AI 编程 Agent 时，往往难以通过纯文本 Prompt 准确描述复杂的页面元素位置、层级关系及交互逻辑，导致 AI 生成的代码难以精准命中预期效果。
Prompt Picker 的核心功能在于充当了“视觉翻译官”的角色。用户可以通过快捷键（默认 Option/Alt+Q）启动插件，直观地在网页上点选、删除或标记目标 HTML 元素。插件支持多元素选择、跨页面元素选取以及全局样式应用，能够自动解析选中的 DOM 结构，并生成包含精准上下文信息的增强型 Prompt。开发者只需一键复制（Cmd/Ctrl+C）生成的指令，粘贴给 AI Agent 即可快速实现“所见即所得”的代码修改。该插件目前已在公司内部经过验证，提供了深色/浅色模式、历史记录回溯及多语言支持等完善配置，显著提升了 AI 辅助开发场景下的交互准确性与交付效率。
事件分析
从技术演进与工作流优化的角度审视，Prompt Picker 代表了 AI 编程工具链中的一个关键细分方向：即如何将人类高带宽的“视觉感知”转化为大语言模型可理解的“文本指令”。当前的 AI Coding Agent 虽然代码生成能力强，但在处理具体 UI 样式细节时往往缺乏上下文。Prompt Picker 本质上构建了一个中间层，利用浏览器的 DOM 接口捕获结构化数据，并将其转化为符合提示词工程规范的语义描述。这种通过增强上下文信息密度来提升模型推理准确率的方案，比单纯的 Prompt 模板更具实用性。该工具的出现也预示着，未来的软件开发将不再是单一 IDE 内的操作，而是浏览器与 Agent 之间更紧密的跨应用协同。
💡 核心观点：Prompt Picker 通过将视觉 DOM 结构转化为结构化语义，填补了 AI Agent 与用户视觉意图之间的理解鸿沟，标志着 AI 编程工具从代码生成向精准上下文感知的进化。
原文链接：V2EX 分享发现
