官方 Playwright MCP 浏览器自动化专家 - Playwright (Automation + MCP + Scraper)

基于 Playwright MCP 的官方浏览器自动化技能，支持导航、表单、截图、数据提取等真实浏览器工作流，纯文档指导无本地代码。

基本信息

• 技能名称?Playwright (Automation + MCP + Scraper)
• 中文名称?官方 Playwright MCP 浏览器自动化专家
• 作者?ivangdavila
• 分类?专业技能
• 版本?1.0.3
• 标签?playwright, browser-automation, mcp, web-scraping, e2e-testing, screenshots, form-automation, javascript-rendering, headless-browser, microsoft

使用方法

使用说明
核心用法
Playwright 技能是一个 纯文档型指令集 ，本身不包含可执行代码，而是通过 MCP（Model Context Protocol）工具链驱动浏览器完成自动化任务。主要使用场景包括：
MCP 浏览器路径 ：通过 npx @playwright/mcp --headless 启动，适用于 agent 已具备浏览器工具、用户希望无代码控制浏览器的场景。典型动作包括 browser_navigate （导航）、 browser_click （点击）、 browser_type （填写表单）、 browser_snapshot （页面快照）、截图与 PDF 捕获等。
直接脚本路径 ：使用 @playwright/test 编写测试或直接用 Playwright API 编写 Node.js 脚本，适用于本地应用测试、E2E 套件或需要代码版本控制的场景。
快速启动工具 ： npx playwright codegen 可自动生成选择器和操作流，加速开发。
显著优点

1. 权威技术栈 ：基于微软官方 Playwright，生态成熟，跨浏览器支持（Chromium/Firefox/WebKit）
2. 双重使用模式 ：MCP 路径适合快速无代码自动化；脚本路径适合工程化测试和复用
3. 完整的调试体系 ：内置 trace、screenshot、video、headed 模式，配合 debugging.md 等参考文档形成系统排错能力
4. 智能等待机制 ：原生支持 actionability 检查，避免硬编码 sleep
5. 弹性定位策略 ：优先推荐 role/label/text/test-id 等语义化定位，降低维护成本
6. 安全设计 ：不默认持久化会话，不创建隐藏文件，权限最小化原则
   潜在缺点与局限性
   来源可信度 T3 ：维护者为 clawic.com 技能市场，无 GitHub 开源仓库可供审计，缺乏大型基金会或企业背书
   依赖外部安装 ：核心功能需用户自行安装 playwright 和 @playwright/mcp npm 包，存在供应链环节
   版本未锁定 ：文档未指定依赖版本范围，可能导致环境差异
   无许可证声明 ：SKILL.md 未明确开源许可证
   浏览器开销 ：相比静态 HTTP fetch，真实浏览器启动成本高，不适合大规模高频抓取场景
   第三方依赖风险 ：自动化外部站点时，受目标站点结构变化、反爬机制影响
   适合人群
   需要 真实浏览器环境 处理 JS 渲染页面、多步表单、文件上传下载的开发者
   希望 快速验证 UI 流程 而无需编写完整测试代码的用户（MCP 路径）
   维护 Playwright 测试套件 的工程师，需要调试 CI 失败、优化选择器策略
   需要 截图取证、PDF 生成、浏览器行为录制 的自动化场景
   常规风险
   | 风险类别 | 说明 | |---------|------| | 目标站点风险 | 向用户指定的网站发送真实请求，可能触发验证码、IP 封禁或误操作（如意外提交表单） | | 供应链风险 | npm 包安装环节存在潜在篡改可能，需信任 Microsoft/npm registry | | 数据隐私 | 浏览器 cookies、登录态、上传文件等随请求发送至目标站点，需在可信环境使用 | | 生产环境误操作 | 文档明确警告：对生产环境、金融、医疗等高 stakes 流程需用户显式确认 | | 并行测试污染 | 共享认证态或服务端数据可能导致测试间状态依赖，需保持测试隔离 | 该技能整体安全等级优秀（S 级），适合作为浏览器自动化的标准指导方案，但使用者应结合具体场景评估目标站点可信度和数据敏感性。
   playwright browser-automation mcp web-scraping e2e-testing screenshots form-automation javascript-rendering headless-browser microsoft