@browser-annotations/pi
在网页上圈选元素并发送反馈给PI
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：@browser-annotations/pi。 它的用途是：在网页上圈选元素并发送反馈给PI 完整的 Skill 内容见：https://321skill.com/skills/browser-annotations-pi/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“在官网首页帮我把这个‘立即购买’按钮的配色问题反馈给产品团队。”，它会引导你激活Skill，让你用鼠标精确选中那个按钮，输入“按钮颜色与品牌主色不符，建议调整为#FF6B35”，然后自动将这条带有按钮定位信息的反馈发送到配置好的PI工单系统中。
介绍
这个Skill解决的是在网页浏览或协作过程中，如何快速、精准地标记特定页面元素（如按钮、文本、图片）并附上反馈意见，然后直接发送给PI（可能是一个项目管理工具、协作平台或特定接收方）的问题。它省去了传统截图、手动圈画、再通过其他渠道发送的繁琐步骤，将反馈流程无缝集成到浏览体验中。
使用时，通常需要在浏览器中安装或激活此Skill。当你在任何网页上发现需要反馈的问题或亮点时，只需启动该Skill，用鼠标点击或圈选目标页面元素，在弹出的界面中输入你的评论或建议，然后一键即可将带有元素定位信息的反馈发送至配置好的PI接收端点。
它非常适合产品经理、设计师、质量保证（QA）工程师、前端开发者以及任何需要基于网页界面进行协作评审和反馈的团队成员。在远程协作、异步沟通或敏捷开发流程中，它能显著提升反馈的效率和准确性。
使用建议是，确保你已正确配置PI的接收地址或API密钥。注意事项包括：该Skill可能依赖于特定的浏览器扩展环境；其功能范围主要限于元素选择和反馈发送，不包含复杂的标注工具（如箭头、模糊）；发送前请确认网络连接，并注意不要包含敏感信息。
核心特点
核心区别在于其深度集成与定向发送：它不仅允许在网页上任意选择元素并添加注释，更重要的是能将带有具体元素上下文信息的反馈直接、结构化地发送到指定的PI系统，而非仅仅生成一张静态截图或保存到本地。
注意事项
不适合需要复杂绘图标注、离线使用或反馈接收方非PI系统的场景。
常见问题
PI是什么？如何配置？
PI通常指特定的项目或反馈接收平台，配置方法需参考该Skill的详细文档，一般需要在设置中填入PI的API端点或密钥。
支持哪些浏览器？
通常作为浏览器扩展运行，具体支持Chrome、Firefox等，请查看官方安装说明。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/browser-annotations-pi/raw/index.md 读取 @browser-annotations/pi 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/browser-annotations-pi/raw/index.md（查看排版版本）