🔥 今日推荐：BrowserWing

一句话： 录制你的浏览器操作，自动转换成AI Agent可复用的MCP命令。一次录制，永久复用。

为什么值得关注

浏览器自动化的最大痛点不是技术，而是写选择器。CSS选择器、XPath、data-testid...每个网站都不一样，维护成本极高。

BrowserWing的创新点在于——你只要在浏览器里手动操作一遍，它自动把操作录制成MCP命令或Claude Skill。之后AI Agent可以精确复现你的操作，不需要写一行选择器。

工作流程

1. 安装扩展 → 点击录制
2. 正常操作浏览器（点击、输入、滚动）
3. 停止录制 → 自动生成MCP命令
4. AI Agent使用命令复现操作

生成的命令示例

你在浏览器做了：

打开github.com
搜索"mcp server"
点击第一个结果
点击Star

BrowserWing生成：

{
  "name": "star_mcp_repo",
  "steps": [
    {"action": "navigate", "url": "https://github.com"},
    {"action": "type", "target": "search input", "value": "mcp server"},
    {"action": "click", "target": "first result"},
    {"action": "click", "target": "Star button"}
  ]
}

注意：它用的是语义描述而不是CSS选择器，所以即使网站改版也能工作。

核心优势

🎬 一次录制，永久复用 — 操作即代码
🔄 智能元素定位 — 用语义描述而非脆弱的CSS选择器
🤖 多格式输出 — MCP命令 / Claude Skill / Playwright脚本
💪 网站改版自适应 — 语义理解不受UI变化影响
📊 操作分析 — 统计每步耗时，优化瓶颈

适用场景

场景1：重复性报表下载 每周从内部系统下载报表 → 录制一次 → AI每周自动执行

场景2：竞品监控 手动检查竞品价格 → 录制流程 → AI每天自动检查并汇总

场景3：E2E测试 手动测试关键流程 → 录制 → 自动生成测试用例

场景4：数据录入 从A系统复制数据到B系统 → 录制 → AI自动同步

快速上手

# 安装扩展（Chrome Web Store）
# 或从源码构建
git clone https://github.com/browserwing/browserwing
cd browserwing && npm run build
# 在chrome://extensions加载dist目录

录制完成后，在MCP配置中引用生成的skill文件即可。

GitHub: github.com/browserwing/browserwing (1205⭐) 语言: TypeScript License: Apache 2.0

更多MCP工具发现，访问 mcphello.com

每日工具推荐：BrowserWing — 浏览器动作变MCP命令