Prompt Pick-为了让 AI 更快速理解需求，我做了个面向研发/产品/设计的 HTML 元素提取并生成增强 Prompt 的插件

Hi ，大家好。分享一下我最近写的一款 Chrome Extension：Prompt Picker

为什么会有这个工具？

过去我一直在做公司的一些产品设计，由于是 Vibe Coding 直出 demo ，所以我在设计产品的 demo 时，经常会遇见难以描述页面元素位置和交互关系的 prompt，于是三个月前就开始着手开发这款 Prompt Picker 的 Chrome 插件。

这款插件可以快速帮你定位元素，输入需求后得到增强的 prompt ，再黏贴给 Claude Code/Codex/Cursor 等 AI Coding Agent ，就可以快速命中并且实现所见即所得的修改。

目前公司内部的同事反馈非常好用，在这里分享给大家。

安装地址

Prompt Picker Chrome Web Store 安装地址

演示视频

Youtube 地址： https://www.youtube.com/watch?v=DC9Sve_ckMM

功能介绍

1. 基础的页面元素 Pick/删除/显示等功能，多元素选择，应用全部（解决 N 个元素要设置相同样式的问题）


2. 跨页面元素 Pick （解决跨页面的组件复用、或页面视觉效果一致性问题）


3. 启动快捷键（默认是 Option/Alt+Q ），@ 可以选择已选的标签（解决元素要 follow 别的元素样式问题）


4. Cmd/Ctrl+C 快捷复制得到完整增强的 Prompt


5. 历史记录回溯


6. 用户界面：深色和浅色模式，Panel 模式和 TopBar 模式（ TopBar 页面占用空间更小），关闭弹窗提示，多语言设置，快捷键设置等

界面演示

操作主界面

设置界面

欢迎体验