Playwright — Testing skill for Claude Code
claude-plugins-official Browser automation, E2E testing, screenshots.
How to install Playwright
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open microsoft/playwright-mcp and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Playwright does
A Model Context Protocol (MCP) server that provides browser automation capabilities using [Playwright](https://playwright.dev). This server enables LLMs to interact with web pages through structured accessibility snapshots, bypassing the need for screenshots or visually-tuned models.
Alternatives in Testing
- Playwright — Automate real browser interactions for navigation, forms, and scraping 14.6k ★
- Playwright Automation — git clone Browser automation skill for end-to-end testing and web interaction 2.3k ★
- Create E2e — Create a Playwright E2E test with explicit success criteria 335 ★
README
Playwright MCP
A Model Context Protocol (MCP) server that provides browser automation capabilities using [Playwright](https://playwright.dev). This server enables LLMs to interact with web pages through structured accessibility snapshots, bypassing the need for screenshots or visually-tuned models.
Playwright MCP vs Playwright CLI
This package provides MCP interface into Playwright. If you are using a **coding agent**, you might benefit from using the [CLI+SKILLS](https://github.com/microsoft/playwright-cli) instead.
**CLI**: Modern **coding agents** increasingly favor CLI–based workflows exposed as SKILLs over MCP because CLI invocations are more token-efficient: they avoid loading large tool schemas and verbose accessibility trees into the model context, allowing agents to act through concise, purpose-built commands. This makes CLI + SKILLs better suited for high-throughput coding agents that must balance browser automation with large codebases, tests, and reasoning within limited context windows. **Learn more about [Playwright CLI with SKILLS](https://github.com/microsoft/playwright-cli)**.
**MCP**: MCP remains relevant for specialized agentic loops that benefit from persistent state, rich introspection, and iterative reasoning over page structure, such as exploratory automation, self-healing tests, or long-running autonomous workflows where maintaining continuous browser context outweighs token cost concerns.
Key Features
- Fast and lightweight. Uses Playwright's accessibility tree, not pixel-based input.
- LLM-friendly. No vision models needed, operates purely on structured data.
- Deterministic tool application. Avoids ambiguity common with screenshot-based approaches.
Requirements
- Node.js 18 or newer
- VS Code, Cursor, Windsurf, Claude Desktop, Goose, Junie or any other MCP client
Getting started
First, install the Playwright MCP server with your client.
**Standard config** works in most of the tools:
{
...
Related Skills
Smart Browser
Browser automation and API testing MCP server on Playwright + Chrome DevTools Protocol. Numbered element refs
Wf Browser
Run AI-driven browser automation and E2E testing via the wf-browser skill
Vibe Testing
Code-aware browser testing agent — 13 MCP tools for AI editors (Claude Code, Cursor, Windsurf). Reads your cod
QA Integration
Run integration/E2E QA against a RUNNING app via a real browser — execute new + regression test cases, assert
ShipGuard
Claude Code skills for automated E2E testing with agent-browser (Playwright CLI). Discover routes, generate YA
E Commerce AI Testing Agent
An autonomous QA agent that tests an e-commerce checkout flow end to end, combining Playwright for browser aut
Related Agents
Playwright Bowser Agent
Headless browser automation agent using Playwright CLI. Use when you need headless browsing, parallel browser
Browser Testing
Browser automation and testing specialist. Uses playwright-cli (stateful Bash CLI) for deterministic scripted
Playwright Validator
Specialized browser automation validator that uses Playwright MCP tools to execute and validate specific user