microsoft/playwright-mcp

微软官方出品的 Model Context Protocol (MCP) 服务器，基于 Playwright 提供浏览器自动化能力，让 LLM 无需视觉模型即可通过结构化可访问性快照与网页交互。

35.2k stars | TypeScript | MIT | https://github.com/microsoft/playwright-mcp

核心定位

Playwright MCP 是 MCP 协议的浏览器自动化实现，专为 AI Agent 设计，通过结构化的可访问性树（而非截图）提供网页交互能力，避免了视觉模型的依赖和不确定性。

与 Playwright CLI + SKILLS 的区别

形态	适用场景	优势
MCP	探索性自动化、自愈测试、长时间运行的自主工作流	持久化状态、丰富的内省能力、持续的浏览器上下文
CLI + SKILLS	高吞吐量编码 Agent 场景	token 效率更高，避免加载大型工具 schema 和冗长的可访问性树到模型上下文

核心特性

• 轻量高速：基于 Playwright 的可访问性树，非像素输入
• LLM 友好：纯结构化数据操作，无需视觉模型
• 确定性工具调用：避免截图方式常见的歧义问题
• 多客户端支持：兼容 VS Code、Cursor、Windsurf、Claude Desktop、Goose、Grok 等所有 MCP 客户端

安装配置

标准配置（通用）

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["@playwright/mcp@latest"]
    }
  }
}

Claude Code 安装

claude mcp add playwright -- npx @playwright/mcp@latest

可用工具

提供完整的浏览器自动化工具集：

• playwright_navigate：访问指定 URL
• playwright_click：点击元素
• playwright_fill：填写表单
• playwright_screenshot：截图
• playwright_evaluate：执行 JavaScript
• playwright_get_content：获取页面内容
• 等 30+ 自动化工具

相关页面

• playwright — 底层自动化框架本体，含 Claude+Playwright 监控 GitLab 页面的完整学习文档
• puppeteer — Google 出品的 Chrome/Firefox 自动化库，有对应的 chrome-devtools-mcp
• cypress — E2E 测试框架，对比中提到 Playwright MCP
• cloakbrowser — 隐身 Chromium，可直接替换 Playwright/Puppeteer 绕过反爬检测
• browser-use — LLM 驱动的浏览器自动化 Agent，基于 Playwright/Puppeteer