Warp, das KI-Terminal für Entwickler

Playwright MCP-Server 🎭

Schmiedeabzeichen

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

Dramatiker + Claude

Related MCP server: Playwright 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