pi-web-annotator

网页标注工具,向Pi发送修改请求或导出Markdown

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:pi-web-annotator。
它的用途是:网页标注工具,向Pi发送修改请求或导出Markdown
完整的 Skill 内容见:https://321skill.com/skills/pi-web-annotator/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

'帮我标注这个页面的产品价格区域,然后发送给Pi,要求它按折扣率重新排序并生成一个表格。' 它会让你打开页面并用鼠标框选价格区域,确认后自动将标注信息发送给Pi,Pi返回一个按折扣率排序的 Markdown 表格。

介绍

在日常浏览网页时,我们经常需要摘录重要信息、对页面元素提出修改建议,或者将网页内容整理成结构化文档。pi-web-annotator 是一款专为 Pi 浏览器扩展设计的网页标注工具,它允许你直接在网页上框选任意元素或高亮文本,然后一键将标注内容连同页面上下文发送给 Pi 智能助手,触发针对性的变更请求;或者将标注结果以 Markdown 格式复制到剪贴板,方便后续整理。

使用方式非常直观:安装后,在任意网页上激活标注模式,即可用鼠标选择文字或区域,弹出的操作菜单让你选择“发送给 Pi”或“复制为 Markdown”。前者会生成一个包含标注位置、原始内容和请求描述的提示词,直接推送给 Pi 进行后续处理;后者则直接将标注内容格式化为 Markdown 代码块,便于粘贴到笔记、文档中。整个过程无需手动复制粘贴,极大提升信息采集效率。

这款工具特别适合需要频繁从网页获取信息并加以利用的人群:内容创作者在收集素材时,可以快速标注关键段落并导出为 Markdown;学术研究者做文献综述时,能高亮重要观点并请求 Pi 帮助总结;前端开发者或 UI 设计师在审查网页时,可以标注具体元素,向 Pi 发送修改建议,加速迭代;任何需要整理网页零散知识的人,都可以用它来快速记录。

使用建议:请确保你已安装 Pi 浏览器扩展,并且 Pi 助手处于可用状态。标注发送给 Pi 时,会自动包含当前页面的 URL 和上下文,因此 Pi 能够准确理解你的需求。对于动态加载内容的页面,建议等待页面完全加载后再进行标注。复制 Markdown 功能不依赖 Pi,可独立使用,适合离线场景。

核心特点

同类工具通常只支持截屏或简单复制文本,而 pi-web-annotator 能将标注的网页元素直接发送给 Pi 智能助手,触发针对性的修改或分析请求,同时保留完整上下文,实现“标注-请求-反馈”闭环。

注意事项

不支持离线使用(发送给 Pi 功能需要网络连接),且仅适用于 Pi 浏览器扩展生态,无法在其他平台独立运行。

常见问题

如何安装 pi-web-annotator?

通过 npm 安装:npm install pi-web-annotator,然后按照 Pi 扩展配置文档引入即可。

标注后发送给 Pi 会做什么?

Pi 会收到标注的网页元素、文本内容以及你的请求上下文,然后根据你的描述(如修改样式、优化文案、翻译等)执行相应操作。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/pi-web-annotator/raw/index.md 读取 pi-web-annotator 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。