Playwright MCP 浏览器与 API 自动化
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c6cb52e/run-browser-and-api-automation-through-the-playwright-mcp-server。
技能介绍
这个技能解决什么问题
AI Agent 要做端到端测试,就得自己驱动浏览器、点击元素、发 HTTP 请求、核对接口返回。但大多数 Agent 运行时并不内置这些能力,团队要么写一次性脚本,要么拼脆弱的 DOM 选择器。该技能把 Playwright 的浏览器自动化与 API 请求能力封装成 MCP 工具,让 Claude Desktop、Cursor、Cline 这类支持 MCP 的客户端可以直接调用。
技能如何工作
- 暴露 Playwright 能力:通过 Playwright MCP 服务器,页面导航、元素交互、截图、网络请求等操作被转换成 Agent 可直接调用的工具。
- 面向受监督的测试流程:每一步操作仍处于人或 Agent 的编排监督之下,适合回归测试、E2E 用例编写这类需要完整可观察执行过程的场景。
- 接入路径灵活:上游支持 npm 全局安装、mcp-get、Smithery 等多种方式,可按客户端环境选择最顺手的一条。
适用边界与注意点
- Claude Desktop 目前只支持 stdio 模式,需要以 command/args 方式配置;HTTP 模式更适合 VS Code、自定义客户端和远程部署。
- 上游文档还提供了 run-tests.cjs 这类脚本入口,方便把离散命令串成完整的测试流。
- 该技能本质是对上游 Playwright MCP 项目的封装与说明,具体可用工具集以 executeautomation/mcp-playwright 的上游文档为准。
使用场景
- 回归测试中,QA 工程师需驱动浏览器跑通登录、下单等核心路径并截图留证
- 编写 E2E 用例时,开发需逐步操作页面元素并断言接口返回,确保流程可回放
- 调试前端网络请求时,工程师需观察 XHR 与 fetch 的完整链路与响应体
- 在自定义 Agent 客户端中集成浏览器能力,用于自动化文档预览与交互验证
适合人员
- QA 工程师:负责回归测试,希望通过 Agent 驱动浏览器自动执行用例并收集证据
- 前端开发者:需要编写或维护 E2E 测试,关注自动化步骤的可控性与可调试性
- DevOps 工程师:负责 CI 流水线,需要稳定的浏览器自动化测试集成方案
- 技术负责人:评估 MCP 工具链,关注跨客户端兼容性与部署模式差异