Playwright (Automation + MCP + Scraper)

• JS-gerenderte Seiten — der benötigte Inhalt existiert erst nach der JavaScript-Ausführung (SPAs, dynamische Tabellen, lazy-geladene Daten).
• Mehrstufige Browser-Workflows — Formulare, Login-Abläufe, Datei-Uploads/-Downloads oder Navigationssequenzen, die auf echten Browser-Events und dem DOM-Zustand basieren.
• Screenshots, PDFs und visuelle Beweissicherung — Sie benötigen pixelgenaue Ausgaben von einer gerenderten Seite, kein rohes HTML.
• Playwright-Testerstellung und -Debugging — Schreiben, Ausführen oder Reparieren einer @playwright/test-Suite, Nachverfolgen von CI-Flakes oder Reproduzieren von UI-Fehlern im Headed-Modus.
• MCP-gesteuerте Browser-Steuerung — der Agent verfügt bereits über browser_*-Tools im Loop und Sie möchten Navigate-Click-Fill-Screenshot-Workflows ausführen, ohne neuen Automatisierungscode schreiben zu müssen.

• Statisches HTML oder einfache HTTP-Antworten sind ausreichend — ein einfaches fetch oder ein HTTP-Skill ist schneller, günstiger und robuster, wenn die Seite kein JavaScript-Rendering benötigt.
• Reine API-Aufgaben — wenn der Zieldienst über eine dokumentierte API verfügt, ist deren direkte Nutzung zuverlässiger als die Steuerung eines Browsers.
• Extraktion ist das einzige Ziel und ein browseroser Weg funktioniert — bevorzuge dokumentierte APIs oder einfaches HTTP, bevor ein vollständiger Browser nur zum Scrapen gestartet wird.

Führe npx @playwright/mcp --headless aus, um browser_navigate, browser_click, browser_type, browser_snapshot und weitere Funktionen als erstklassige Tool-Aktionen bereitzustellen. Dieser Weg erfordert keinen neuen Automatisierungscode — der Agent steuert den Browser direkt über MCP-Tool-Aufrufe.

Schreiben und Ausführen von direkten Playwright-Skripten (chromium.launch, page.goto, page.screenshot) oder vollständigen @playwright/test-Suiten mit npx playwright test. Unterstützt standardmäßig Headed-Ausführungen, Trace-Aufzeichnung, Wiederholungsversuche und parallele Worker.

Verwende npx playwright codegen <url>, um Interaktionen aufzuzeichnen und stabile Locators zu generieren. Eliminiert das Raten von Selektoren aus dem Quellcode und erzeugt rollen-, label- und textbasierte Locators, die kleinere DOM-Änderungen überstehen.

Erstelle ganzseitige Screenshots, generiere PDFs, zeichne Ausführungs-Traces auf und lade Dateien herunter – alles über MCP-Tool-Aktionen oder direkte API-Aufrufe von Playwright (Automation + MCP + Scraper). Artefakte verbleiben lokal im Arbeitsbereich oder im temporären Systemverzeichnis.

Der Skill setzt auf Rollen-, Label-, Text- und Test-ID-Selektoren statt auf fragile CSS/XPath-Selektoren sowie auf Web-First-Assertions statt auf einfache Befehlsprüfungen. Die integrierte Anleitung zu Aktionsfähigkeits-Wartezeiten verhindert fehleranfällige sleep-basierte Timing-Hacks.

Keine versteckten Dateien, persistenten Sitzungen oder nicht deklarierten Netzwerkaufrufe. Der Authentifizierungsstatus ist temporär, sofern er nicht ausdrücklich wiederverwendet wird. Hochriskante Produktionsabläufe erfordern eine ausdrückliche Benutzerbestätigung, bevor sie fortgesetzt werden.

Führe eine vorhandene @playwright/test-Suite gegen eine lokale oder Staging-App aus und erweitere sie. Verwende npx playwright test --trace on, um Artefakte bei CI-Fehlern zu erfassen, und diagnostiziere Instabilitäten anschließend mit dem Trace-Viewer und erneuten Ausführungen im Headed-Modus.

Lassen Sie einen Agenten eine Website navigieren, ein mehrstufiges Formular ausfüllen und einen Screenshot erstellen – alles über die MCP-Aktionen browser_navigate, browser_type, browser_click und browser_snapshot – ohne eine einzige Zeile eines Playwright (Automation + MCP + Scraper)-Skripts zu schreiben.

Navigiere zu einer JS-gerenderten Seite, warte bis sich das DOM stabilisiert hat, und verwende dann browser_evaluate oder ein direktes Playwright (Automation + MCP + Scraper)-Skript, um strukturierte Daten zu extrahieren. Ideal, wenn das Ziel keine API hat und der Inhalt erst nach der Ausführung von JavaScript erscheint.

Reproduzieren Sie eine gemeldete UI-Regression im sichtbaren Modus mit npx playwright test --headed, erfassen Sie einen Trace mit --trace on, und untersuchen Sie Netzwerk-, Konsolen- und DOM-Snapshots, um die Grundursache zu isolieren, bevor Sie eine Lösung schreiben.