workbuddy网页对话扩展插件:网页划词,就地交给 CodeBuddy 流式问答

前言

读长文档、翻 issue、看技术博客时,一个很常见的动作是选中一段文字,切到另一个 AI 窗口,把这段文字连同网址粘过去,再补一句背景。复制、切窗、丢上下文,来回几次就烦了。

workbuddy网页对话扩展插件(坐标 @user_87a16637/workbuddy-webchat-extension,版本 1.0.5,community 来源,分类 dev-programming)解决的就是这件事:在任意网页选中文字,点工具栏图标,就地弹出一个可拖动的对话浮层,带着当前网页上下文直接向 CodeBuddy AI 提问。

它不是单纯改前端的脚本,而是自带一个本地 Express + SSE 后端,扩展只负责采集网页内容和渲染浮层。下面介绍它的能力、启用顺序和适用边界。

这是什么

一句话定位:一套「网页划线对话」的浏览器扩展 + 本地后端,把 CodeBuddy Agent SDK 接到浏览器里,实现划词即问。

  • 出品方:SkillHub 社区发布者 user_87a16637
  • 坐标:@user_87a16637/workbuddy-webchat-extension
  • 版本:1.0.5
  • 来源:community
  • 分类:dev-programming
  • 官方标签:requires_api_key=false
  • 平台数据(以官方页面当前显示为准):评分 100000,下载 933

它处理的是「网页内容 → AI 对话」这条链路里的两次搬运:选中内容的采集,和问答界面的驻留。

核心功能

下面只列在官方简介中能核对到的能力。

1、划词唤起。在任意网页选中文字,点工具栏图标,唤起对话浮层。浮层可拖动,不固定在页面角落。
2、带着网页上下文提问。提问时携带当前网页的内容,不只是把选中的那几个字丢过去。
3、流式问答。后端通过 SSE 推送,前端逐字渲染回答,对话能力来自 CodeBuddy Agent SDK。
4、浏览器兼容。Chrome MV3 扩展,兼容 Chrome、Edge、千问、夸克等 Chromium 内核浏览器。
5、官方标签 requires_api_key=false,即不要求使用者自行申请密钥。

架构上分两块:本地 Express + SSE 后端,和前端扩展。后端持有 CodeBuddy Agent SDK,扩展负责网页上下文采集与浮层交互。

安装与启用

官方资料里没有给出可直接复制的安装命令,下面按组件说明启用顺序;具体命令与路径以官方地址为准。

1、部署后端。先起本地 Express 服务,它暴露 SSE 端点供扩展调用,内部通过 CodeBuddy Agent SDK 发起对话。这一步需要在本地常驻,扩展问答时会连它。
2、加载扩展。在 Chrome / Edge / 千问 / 夸克等 Chromium 内核浏览器中,以「加载已解压的扩展程序」的方式装入 MV3 扩展(需开启开发者模式)。
3、固定图标。把扩展图标固定到工具栏,方便划词后一键唤起。
4、划词提问。在任意网页选中文字 → 点工具栏图标 → 浮层出现 → 输入问题,回答以流式返回。

版本与坐标信息备查:

坐标   @user_87a16637/workbuddy-webchat-extension
版本   1.0.5
来源   community
分类   dev-programming
标签   requires_api_key=false

典型用法

下面这些来自官方简介的触发场景,可以直接当作使用示例。

1、读长文档时选中一段,就地问「这段在说什么」,不用切窗。
2、看代码或 issue 时选中片段,问「这段为什么这么写、怎么改」。
3、把整页内容交给 AI 聊:选中范围大一些,浮层带着网页上下文回答。
4、跨站提问:在 A 页选中内容,问题里带上 B 页的信息,浮层不离开当前页。

对应的自然语言触发语(来自官方简介):做一个网页划词对话插件 / 给浏览器装个网页对话工具 / 选中文字问 AI / 部署小虾网页对话扩展 / web highlight chat extension / 把网页内容丢给 AI 聊。

适用场景与注意

适合谁:想在浏览器里就地问答、又不想自己写扩展与后端联动的开发者;需要频繁把网页内容喂给 AI 的阅读、调研场景。

限制与坑:

1、需要本地后端常驻。问答依赖本地 Express + SSE 服务,后端没起,扩展就提不了问。
2、限定 Chromium 内核。Firefox 等非 Chromium 浏览器不在官方兼容列表里。
3、网页上下文依赖选区。带上多少页面内容取决于划词范围与扩展的采集方式,长页面、登录后才可见的内容、跨域 iframe 的采集效果需要实测。
4、本地连接是 SSE。后端与扩展之间是本地通信,换端口或改路径时要同步更新扩展配置。
5、数据以官方页面为准。评分与下载数在不同抓取时间可能不一致,引用前先去官方地址核对。

结尾

这个 Skill 的价值在于把「网页 → AI」的链路收进浏览器:划词、唤起、流式回答在同一个界面里完成,不必复制粘贴和切窗。代价是要接受一个本地后端常驻。

官方地址:https://api.skillhub.cn/user_87a16637/workbuddy-webchat-extension
SkillHub 页面:https://www.skillhub.cn/skills/user_87a16637/workbuddy-webchat-extension

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜