Warp, das KI-Terminal für Entwickler

Verfügbar für MacOS, Linux und Windows

Playwright MCP-Server 🎭

Ein Model Context Protocol-Server, der Browser-Automatisierungsfunktionen mit Playwright bereitstellt. Dieser Server ermöglicht LLMs die Interaktion mit Webseiten, das Erstellen von Screenshots, das Generieren von Testcode, das Web Scraping der Seite und die Ausführung von JavaScript in einer realen Browserumgebung.

Screenshot

Related MCP server: Puppeteer MCP Server

Dokumentation | API-Referenz

Installation

Sie können das Paket entweder mit npm, mcp-get oder Smithery installieren:

Verwenden von npm:

npm install -g @executeautomation/playwright-mcp-server

Verwenden von mcp-get:

npx @michaellatman/mcp-get@latest install @executeautomation/playwright-mcp-server

Schmiedekunst verwenden

So installieren Sie Playwright MCP für Claude Desktop automatisch über Smithery :

npx @smithery/cli install @executeautomation/playwright-mcp-server --client claude

Installation in VS Code

Installieren Sie den Playwright MCP-Server in VS Code mit einer dieser Schaltflächen:

Alternativ können Sie den Playwright MCP-Server mithilfe der VS Code CLI installieren:

# For VS Code
code --add-mcp '{"name":"playwright","command":"npx","args":["@executeautomation/playwright-mcp-server"]}'

# For VS Code Insiders
code-insiders --add-mcp '{"name":"playwright","command":"npx","args":["@executeautomation/playwright-mcp-server"]}'

Nach der Installation steht der ExecuteAutomation Playwright MCP-Server zur Verwendung mit Ihrem GitHub Copilot-Agent in VS Code zur Verfügung.

Konfiguration zur Verwendung von Playwright Server

Hier ist die Claude Desktop-Konfiguration zur Verwendung des Playwright-Servers:

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["-y", "@executeautomation/playwright-mcp-server"]
    }
  }
}

Testen

Dieses Projekt verwendet Jest zum Testen. Die Tests befinden sich im Verzeichnis src/__tests__ .

Ausführen von Tests

Sie können die Tests mit einem der folgenden Befehle ausführen:

# Run tests using the custom script (with coverage)
node run-tests.cjs

# Run tests using npm scripts
npm test           # Run tests without coverage
npm run test:coverage  # Run tests with coverage
npm run test:custom    # Run tests with custom script (same as node run-tests.cjs)

Der Testabdeckungsbericht wird im coverage generiert.

Ausführen von Evaluierungen

Das Evals-Paket lädt einen MCP-Client, der anschließend die Datei index.ts ausführt, sodass zwischen den Tests kein Neuaufbau erforderlich ist. Sie können Umgebungsvariablen laden, indem Sie dem Befehl npx voranstellen. Die vollständige Dokumentation finden Sie hier .

OPENAI_API_KEY=your-key  npx mcp-eval src/evals/evals.ts src/tools/codegen/index.ts

Sternengeschichte