/ 目錄 / 演練場 / BrowserWing
● 社群 browserwing ⚡ 即開即用

BrowserWing

作者 browserwing · browserwing/browserwing

錄製你的瀏覽器操作,並將其輸出為 Claude skill 或 MCP 命令——將手動流程轉換為可供 agent 呼叫的常式。

BrowserWing 觀察你的瀏覽器,捕捉操作意圖(點擊、填寫、導覽),並輸出可供 agent 呼叫的產物:Claude Skill 或 MCP 工具。無需手動撰寫 Playwright 即可教 agent 重複性的瀏覽器流程。

為什麼要用

核心特性

即時演示

實際使用效果

就緒

安裝

作者儲存庫 · Claude Skills 官方文件

使用場景

實戰用法: BrowserWing

透過錄製自己來教 Claude 一個流程

👤 Claude Code 使用者 ⏱ ~15 min intermediate

何時使用: 一個你希望 Claude 能執行的重複性瀏覽器任務。

步驟
  1. 錄製
    啟動 BrowserWing;執行流程。✓ 已複製
    → 追蹤捕捉完成
  2. 精煉
    標注可變的輸入。✓ 已複製
    → 參數化的流程
  3. 輸出
    匯出為 skill / MCP 工具。✓ 已複製
    → 可供 agent 呼叫

結果: 可重複的瀏覽器常式,Claude 可以呼叫。

組合

與其他 MCP 搭配,撬動十倍槓桿

browserwing-skill + playwright-mcp

使用 Playwright MCP 作為底層;BrowserWing 提供捕捉 UX

結合 browserwing-skill 與 playwright-mcp:Playwright MCP 作為底層;BrowserWing 提供捕捉 UX✓ 已複製

工具

此 MCP 暴露的能力

工具輸入參數何時呼叫成本
recorder + runner (詳見文件) CLI + skill 產物配對 1 次呼叫

成本與限制

運行它的成本

API 配額
本機瀏覽器
每次呼叫 Token 數
每次呼叫較小
費用
免費開源
提示
網站版面改變時重新錄製

安全

權限、密鑰、影響範圍

憑證儲存: 捕捉的流程存放在磁碟
資料出站: 取決於流程的去向

故障排查

常見錯誤與修復

選擇器漂移

錄製器偏好 role + text——網站重新設計後重新錄製

替代方案

BrowserWing 對比其他方案

替代方案何時用它替代權衡
手動撰寫 Playwright你需要程式碼控制撰寫速度較慢

更多

資源

📖 閱讀 GitHub 上的官方 README

🐙 查看未解決的 issue

🔍 瀏覽全部 400+ MCP 伺服器和 Skills