Gibt Claude einen echten Browser für Tests, Scraping und QA.

Was ist das

Gibt Claude einen echten Browser. Er öffnet Seiten, klickt durch, füllt Formulare aus, macht Screenshots und schreibt/führt E2E-Tests. Perfekt für QA, Scraping-Checks und Webseiten-Debugging.

Installation / Aktivierung

Option 1 — Terminal:

claude mcp add playwright -- npx -y @playwright/mcp@latest

(Für alle Projekte: --scope user hinzufügen. Braucht Node.js 18+.)

Option 2 — Prompt an Claude Code:

Installiere den offiziellen Microsoft Playwright MCP (@playwright/mcp) via claude mcp add, teste mit /mcp dass er läuft und öffne zur Probe https://example.com.

Use-Cases

• E2E-Test schreiben lassen — "Teste den Checkout-Flow auf localhost:3000" — Claude klickt sich durch und loggt Fehler.
• Visueller Regression-Check — Nach einem Deploy: Screenshots der Live-Seite vs. Staging vergleichen lassen.
• Scraping mit JS-Rendering — Für Seiten die ohne JS leer sind: Claude öffnet, wartet, extrahiert Daten.
• Formular-Bug reproduzieren — User meldet "Button tut nix" — Claude reproduziert im Browser und debuggt live.
• Lighthouse-Check — Claude öffnet deine Seite, ruft DevTools auf und berichtet Performance-Probleme.

Pro-Tipp

Gib Claude immer den Browser-State (Cookies, Local Storage) explizit mit — sonst testet er ausgeloggt und wundert sich warum die Dashboard-Seite redirected. Für wiederkehrende Tests: einen Storage-State als JSON speichern und referenzieren.

🚀 MCPs installieren kann jeder. Aber zu wissen welche Kombination für deinen Workflow am meisten bringt — das spart dir Wochen. In der Community zeige ich dir mein komplettes MCP-Setup. → Zur Claude Code Mastery Community

Wird regelmäßig erweitert — folge @laurinbuilds für Updates.