claudekit / tools / playwright
[ MCP · Development ]

Playwright MCP

Microsoft's official Playwright MCP server. Drives the browser via the accessibility tree for fast, deterministic automation without vision models.

microsoft/playwright-mcp ·updated
$ /plugin install playwright copy

Microsoft official MCP server

What it does

Playwright MCP gives LLMs a structured way to drive a real browser. Instead of screenshotting pages and asking a vision model to click, it exposes the accessibility tree — so the agent sees semantic roles and names (button, textbox, link) and can act deterministically.

Features

  • Accessibility-tree interactions — locate and act on elements via DOM structure, not pixels
  • No vision model required — uses structured data only; fast and cheap
  • Deterministic tools — removes screenshot ambiguity for consistent outcomes
  • Browser automation — navigation, clicks, form fills, file uploads, keystrokes
  • Code generation — convert the actions you performed into Playwright test code

Use cases

  1. Describe a user flow in natural language and Playwright MCP runs it as an E2E test.
  2. Automate form fills, button clicks, and page navigation to accelerate manual QA.
  3. Export the browser actions as Playwright test code and wire into CI/CD.

When to use it

  • Author deterministic E2E tests in plain language
  • Automate flaky manual QA steps
  • Scrape structured content from pages where the accessibility tree matches what humans see
§ 5

See also

same category · curated
[01]
[Tool] Paseo · Run any coding agent from your phone, desktop, or terminal. Self-hosted, multi-provider, open source. A local daemon runs the agents on your machine and every client — desktop, mobile, web, CLI — connects to it, with the native mobile app at full feature parity with desktop.
tool · claudekit.io / tools / paseo
[02]
[Tool] Orca · Orca is the ADE for working with a fleet of parallel agents. Run any coding agent with your own subscription. It runs each agent in an isolated git worktree, lets you compare outputs side by side, and merge the ones you want. Works with Claude Code, Codex, Grok, and 30+ CLI agents. Available on desktop and mobile.
tool · claudekit.io / tools / orca
[03]
[Skill] Matt Pocock's Skills · Skills For Real Engineers. Straight from Matt Pocock's .claude directory. 20+ agent skills for real engineering — not vibe coding — covering alignment (grilling), specs, TDD, code review, bug diagnosis, and architecture. Install as an editable fork via skills.sh or as a read-only plugin bundle.
tool · claudekit.io / tools / mattpocock-skills
§ 6

Frequently Asked Questions

frequently asked
§ 6.1
What is Playwright MCP?
Microsoft's official Playwright MCP server. It drives the browser via the accessibility tree for fast, deterministic automation — no screenshots or vision models needed.
§ 6.2
Where does it run?
Claude Code, Claude Desktop, VS Code, and Cursor.
§ 6.3
How do I install it?
In Claude Code, run `/plugin install playwright`. It's listed on the claude-plugins-official marketplace.
§ 6.4
How is it different from screenshot-based tools?
It targets the DOM accessibility tree rather than pixels, so it's fast and deterministic without vision models. That eliminates the ambiguity of screenshot-based selection and produces consistent results.
§ 6.5
What can it do?
Accessibility-tree-based element interaction, browser automation (navigation, clicks, form input, file uploads), and automatic conversion of performed actions into Playwright test code.