前言¶

讀長文檔、翻 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