MCP-Server Offiziell

Playwright MCP

Microsoft's MCP server for browser automation through Playwright accessibility snapshots, no vision model needed.

Autor: Microsoft
Funktioniert mit: Any MCP client, Claude Code, Cursor, OpenAI Codex, Windsurf
Dokumentiert: Oct 2, 2026

Was Playwright MCP ist

Lets LLMs interact with web pages using structured accessibility snapshots instead of screenshots. The README also points coding agents to the Playwright CLI with skills as a more token-efficient alternative.

Was es kann

Wo Playwright MCP läuft und was es ergänzt, laut Dokumentation

Drive a browser via the accessibility tree
Deterministic tool calls without pixel-based input
Persistent profile, isolated contexts, or connect to an existing browser via extension
Headless or headed mode
Restrict origins with allowed/blocked origin options

Wann Sie es einsetzen sollten

Gut geeignet

Exploratory automation and self-healing tests
Long-running agent loops that need persistent browser state

Nicht geeignet für

High-throughput coding agents with tight context: README suggests Playwright CLI with skills
Using origin lists as a security boundary: README says they are not one

So installieren Sie Playwright MCP

Sie benötigen: Node.js 18 or newer; An MCP client such as VS Code, Cursor, Windsurf, Claude Desktop

Install Node.js 18 or newer
Claude Code: claude mcp add playwright npx @playwright/mcp@latest
Codex: codex mcp add playwright npx "@playwright/mcp@latest"
Cursor: Settings > MCP > Add new MCP Server with command npx @playwright/mcp@latest
Other clients: use the standard config

Konfigurationsbeispiel (aus der offiziellen Dokumentation)

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest"
      ]
    }
  }
}

Berechtigungen und Sicherheit

Worauf es zugreifen kann

Launches and controls a browser, loads arbitrary web pages

Sicherheitshinweise der Maintainer

README: --allowed-origins / --blocked-origins do not serve as a security boundary and do not affect redirects

Prüfen Sie den Quellcode, bevor Sie einem Agenten Zugriff auf Zugangsdaten oder Produktivsysteme geben. Wir dokumentieren die Angaben der Maintainer; Code prüfen wir nicht.

Einschränkungen

Accessibility trees and tool schemas cost context tokens compared with CLI

Tools, die es erweitert

Coding

Claude Code

Web · Desktop

Noch keine Nutzerbewertungen

Das agentische Coding-Tool von Anthropic, das Ihre Codebasis liest, Dateien bearbeitet und Befehle ausführt, im Terminal, in IDEs, in der Desktop-App oder im Browser.

Kostenlos bis: Kein kostenloser Tarif: Claude Code ist in den bezahlten Claude-Abonnements (Pro, Max, Team, Enterprise) enth…

Listed Noch nicht bewertet

Geprüft Sep 29, 2026 code.claude.com (öffnet die Website von Claude Code in einem neuen Tab)