Playwright (Automation + MCP + Scraper)
基于Playwright的浏览器自动化、测试与调试工具，支持MCP控制。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Playwright (Automation + MCP + Scraper)。 它的用途是：基于Playwright的浏览器自动化、测试与调试工具，支持MCP控制。 完整的 Skill 内容见：https://321skill.com/skills/playwright-automation-mcp-scraper-x-5/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘我的一个Playwright测试在CI上总是失败，但在本地能过，帮我分析一下可能的原因。’ 它会引导你检查测试环境差异，建议启用Trace记录运行过程，并分析截图、控制台日志和网络请求，定位是元素加载时机、网络依赖还是权限问题导致的失败。或者
对AI说：‘我需要从这个使用React渲染的电商页面抓取所有商品的价格和库存信息。’ 它会帮助你编写Playwright脚本，处理动态加载的内容，使用合适的定位器（如`page.locator`）和等待策略来可靠地提取数据。
介绍
本工具旨在解决现代Web开发与测试中复杂的浏览器自动化难题。当你的测试用例在CI环境或Headless模式下不稳定、超时或失败时；当元素定位器匹配到多个或错误元素时；当需要模拟复杂用户交互（如文件上传下载、处理弹窗/iframe/Shadow DOM）或需要调试网络请求、生成测试报告时，它都能提供强大支持。
通过集成Playwright的核心能力，你可以编写可靠的自动化脚本，进行端到端测试、数据抓取，甚至通过MCP协议远程控制真实浏览器。它提供了自动等待、追踪（Trace）、设备模拟、无障碍检查等高级功能，并能轻松集成到CI/CD流程中。
它非常适合需要处理复杂Web应用的前后端开发、测试工程师，以及需要进行数据抓取或自动化流程搭建的开发者。对于希望从Cypress、Puppeteer或Selenium迁移到更现代化、性能更优的测试框架的团队，本工具也是一个理想选择。
使用建议：对于简单的HTTP请求获取，建议使用更轻量的工具（如axios）。在维护现有Cypress或Puppeteer项目时，除非计划迁移，否则可能无需引入本工具。初次使用时，建议从官方示例和Trace Viewer调试工具开始，以快速定位测试失败原因。
核心特点
与同类浏览器自动化工具相比，它深度集成了Playwright的现代化特性（如自动等待、严格模式定位器）和MCP协议，支持对真实浏览器的远程控制与调试，特别擅长处理复杂、动态的现代Web应用（如单页应用）的测试与数据抓取场景。
注意事项
不适合维护现有的Cypress或Puppeteer测试套件，也不适用于仅需简单HTTP请求即可完成的工作。
常见问题
Playwright和Selenium/Cypress有什么区别？
Playwright由微软开发，支持多浏览器（Chromium, Firefox, WebKit），提供更可靠的自动等待、内置测试运行器和强大的调试工具（如追踪查看器），在现代Web应用测试中通常更快速稳定。
这个Skill能用来做什么？
主要用于Web应用的自动化测试（端到端、组件）、浏览器自动化（如数据抓取、表单填写）、调试测试失败（特别是在CI环境），以及通过MCP协议远程控制浏览器。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/playwright-automation-mcp-scraper-x-5/raw/index.md 读取 Playwright (Automation + MCP + Scraper) 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/playwright-automation-mcp-scraper-x-5/raw/index.md（查看排版版本）