MCP

Playwright MCP

让 Claude Code 通过页面结构操作浏览器。

MicrosoftApache-2.0收录于
效果示意
> 打开预发环境,点一下“结账”
⎿ button "结账" [ref=e42]
⏺ browser_click(ref=e42)
⎿ 已进入 /checkout

介绍

Playwright MCP 是 Microsoft 提供的浏览器自动化 MCP 服务。它把 Playwright 的能力交给 Claude Code 等 MCP 客户端,让助手可以打开页面、查看结构、定位控件并执行交互,适合需要持续浏览器上下文的检查任务。

主要方式:项目强调使用结构化的可访问性快照理解页面,而不是只依赖截图猜测位置。它还提供截图等浏览器工具,但具体操作与可用能力取决于配置及页面本身。

使用前:需要符合原项目要求的 Node.js 和浏览器环境,并把服务接入 Claude Code。可访问性树不等于完整视觉稿,页面外观仍需查看;自动化操作也需要明确任务边界。本条介绍 MCP 方式,原项目另有适合其他场景的 CLI / Skill 方案。

适合谁

  • 需要检查网页交互的开发者
  • 需要连续浏览器上下文的自动化任务使用者

怎么安装

安装方式以原作者的说明为准。ClaudeModHub 只做收集和介绍,不托管代码;安装前请先看一眼原项目的说明和权限。

查看原作者的安装说明