playwright-cli
Mit playwright-cli steuerst du über Claude einen Browser per Befehl, prüfst Webseiten, simulierst Netzwerkantworten und debuggst Playwright-Tests im Terminal.
Was ist playwright-cli?
playwright-cli ist ein Skill für Claude Code, mit dem Claude einen echten Browser über das Kommandozeilenwerkzeug playwright-cli steuert. Claude öffnet Seiten, klickt, füllt Formulare aus, lädt Dateien hoch und liest die Seite über einen Snapshot, in dem jedes Element eine Kurzreferenz wie e15 erhält. Diese Referenzen nutzt der Agent für die folgenden Aktionen. Der Skill stammt von Microsoft und steht unter der Lizenz Apache-2.0.
Neben der Grundbedienung deckt der Skill Tabs, Cookies, LocalStorage und SessionStorage ab, außerdem die Emulation von Dark Mode, reduzierter Bewegung oder Druckansicht, Netzwerk-Mocking, Konsolen- und Request-Logs, Tracing, Videoaufnahmen und Screenshots. Mit 'playwright-cli recording-start' zeichnet er Aktionen auf und gibt sie beim Stoppen als Playwright-Code aus. Bietet eine Seite experimentelle WebMCP-Werkzeuge an, kann Claude diese direkt aufrufen.
Der Skill passt zu Entwicklerinnen und Entwicklern, Testerinnen und Testern sowie Teams, die Weboberflächen prüfen oder Playwright-Tests pflegen. Einen fehlschlagenden Test hältst du mit der Option '--debug=cli' an, danach verbindet sich Claude mit 'playwright-cli attach' mit der Sitzung. Voraussetzung ist, dass playwright-cli auf deinem Rechner aufrufbar ist. Der Skill erlaubt Claude nur Befehle von playwright-cli und npx playwright.
Für wen
Für Entwicklerinnen und Entwickler, QA-Teams und alle, die Weboberflächen testen, Playwright-Tests pflegen oder Abläufe im Browser von einem Agenten erledigen lassen wollen.
Use Cases
- Du hast eine UI-Änderung gebaut und lässt Claude den Ablauf lokal durchklicken, einen Screenshot aufnehmen und ihn an den Pull Request hängen.
- Ein Playwright-Test schlägt fehl, und Claude soll ihn im Debug-Modus anhalten, die Seite untersuchen und die Ursache finden.
- Du willst prüfen, wie dein Frontend auf eine fehlerhafte API-Antwort reagiert, und lässt Claude die Anfrage mit einem gemockten Statuscode beantworten.
Das kann playwright-cli
Snapshot mit Elementreferenzen
Mit 'playwright-cli snapshot' liest Claude die Seitenstruktur, jedes Element erhält eine Referenz. Mit 'playwright-cli find' durchsucht er den Snapshot nach Text oder regulären Ausdrücken.
Netzwerkanfragen mocken
Mit 'playwright-cli route' ersetzt Claude Antworten durch eigene Statuscodes, JSON-Inhalte oder Header, entfernt Header aus Anfragen und hebt Regeln mit 'playwright-cli unroute' wieder auf.
Aktionen als Playwright-Code
'playwright-cli recording-start' und 'playwright-cli recording-stop' zeichnen Klicks und Eingaben im Browser auf und geben sie als Playwright-Code aus, den du in Tests übernehmen kannst.
Playwright-Tests debuggen
Ein Test mit '--debug=cli' pausiert am Anfang. Claude verbindet sich mit 'playwright-cli attach', untersucht die Seite Schritt für Schritt und sucht nach der Ursache des Fehlers.
Browserzustand sichern
'playwright-cli state-save' speichert den Zustand der Sitzung in einer Datei wie auth.json, 'playwright-cli state-load' lädt ihn wieder. Cookies und Storage lassen sich auch einzeln lesen und setzen.
Screenshots und Videos für PRs
Screenshots, PDFs und Videos mit Kapiteln entstehen direkt aus der Sitzung. Mit gh ab Version 2.99 hängst du sie an Pull Requests oder Issues an.
Sag das, um den Skill zu aktivieren
„Öffne die App auf localhost und prüfe, ob das Login-Formular funktioniert."„Debugge den fehlschlagenden Playwright-Test im Checkout."„Mach einen Screenshot der Einstellungsseite im Dark Mode."„Zeichne meine Klicks auf und gib sie als Playwright-Code aus." Installieren
npx skills add microsoft/playwright-cli --skill playwright-cli
Der Befehl installiert die Originalfassung aus dem Repository des Autors (Skills-CLI von Vercel, braucht Node.js), mit -g für alle Projekte. Wir hosten keine Kopie: Updates kommen direkt vom Autor. Brauchst du Hilfe beim Setup? Wie installiere ich Skills →
Zahlen mit Quelle und Datum
- GitHub-Sterne
- ≈ 15.000
- Installationen
- 211.373
- Auf skills.sh seit
- 23.01.2026
- Letzte Änderung im Repository
- 05.11.2026
- Lizenz
- Apache-2.0
Stand 09.11.2026. Quellen: GitHub, skills.sh. Die Zahlen ändern sich täglich; wir zeigen den Stand unserer letzten Abfrage.
Automatisch geprüft
- Automatische Prüfung am 09.11.2026 (Stand 4bc00fb): 11 Dateien aus dem Skill-Ordner per Mustersuche gelesen. Dabei fanden sich keine versteckten Zeichen, keine Anweisungen zum Übergehen von Regeln, kein Download mit direkter Ausführung und keine Zugriffe auf Zugangsdaten.
Unabhängige Prüfungen auf skills.sh, Stand 09.11.2026
| Gen Agent Trust Hub | Pass |
|---|---|
| Socket | Pass |
| Snyk | Warn |
Ergebnisse im Detail auf skills.sh ↗
Gut zu wissen
- Dateien aus 'playwright-cli state-save' können Sitzungscookies enthalten. Bewahre sie wie Zugangsdaten auf und lege sie nicht ins Repository.
- Werkzeuge, die eine Webseite über WebMCP anbietet, stammen von der Seite selbst. Der Skill weist Claude an, sie als nicht vertrauenswürdige Eingabe zu behandeln.
- Standardmäßig nutzt der Browser ein Profil im Arbeitsspeicher. Erst mit '--persistent' bleiben Profildaten zwischen Sitzungen erhalten.
- Das Anhängen von Screenshots und Videos an Pull Requests setzt das Werkzeug gh ab Version 2.99 voraus.
- Ein Prüfer auf skills.sh meldet eine Warnung (Snyk). Lies dessen Hinweise, bevor du den Skill in Projekte mit sensiblen Daten holst.
- Die Prüfung ist eine automatische Mustersuche und keine Sicherheitsgarantie. Sie liest nur den Skill-Ordner. Der Befehl installiert immer die aktuelle Fassung des Autors; spätere Versionen haben wir nicht geprüft.
Häufige Fragen zu playwright-cli
Was ist playwright-cli?
playwright-cli ist ein Skill von Microsoft, mit dem Claude einen Browser über die Kommandozeile steuert. Er öffnet Seiten, bedient Elemente über Snapshot-Referenzen, mockt Netzwerkanfragen, nimmt Screenshots und Videos auf und hilft beim Debuggen von Playwright-Tests.
Wie installiere ich playwright-cli?
Du installierst playwright-cli mit dem Befehl 'npx skills add microsoft/playwright-cli --skill playwright-cli'. Der Skill setzt voraus, dass das Kommandozeilenwerkzeug playwright-cli auf deinem Rechner aufrufbar ist.
Ist playwright-cli kostenlos?
playwright-cli steht unter der Lizenz Apache-2.0. Du darfst den Skill nutzen, anpassen und weitergeben, solange du die Bedingungen dieser Lizenz einhältst, etwa zur Namensnennung.
Für wen lohnt sich playwright-cli?
playwright-cli lohnt sich für alle, die Webanwendungen entwickeln oder testen und Claude dabei einen Browser bedienen lassen wollen. Besonders gut passt der Skill, wenn dein Projekt schon Playwright-Tests hat, denn er kann sie ausführen und beim Debuggen begleiten.
Kann playwright-cli Playwright-Code erzeugen?
playwright-cli erzeugt zu Aktionen im Browser passenden Playwright-Code in TypeScript, den du in deine Tests übernehmen kannst. Mit 'playwright-cli generate-locator' erhältst du zusätzlich Locatoren für einzelne Elemente.
Welche Browser unterstützt playwright-cli?
playwright-cli kann beim Öffnen einer Sitzung Chrome, Firefox, WebKit und Microsoft Edge starten. Mit der Option '--mobile' emuliert der Skill ein generisches Mobilgerät, mit '--device' ein bestimmtes Modell.
Skill teilen
Über diesen Skill
playwright-cli kommt von microsoft und ist ein Open-Source-Projekt, das der Autor mit seiner Community pflegt.
Autor: microsoft / github.com. Quelle: github.com/microsoft/playwright-cli/tree/main/skills/playwright-cli. Lizenz: Apache-2.0.
Kuratiert von Collective Brain, KI- und Automatisierungs-Digitalagentur aus Hamburg, gemeinsam mit WhiteFox Automations. Mehr geprüfte Skills im Skills-Katalog.
Skills im Team einsetzen
Damit alle im Team dieselben geprüften Skills nutzen, legen wir mit euch fest, welche freigegeben sind und wer sie pflegt. Wir richten sie ein und prüfen die Datenschutz-Einstellungen eures Claude-Tarifs. Im Workshop lernt das Team, sie bei euren eigenen Aufgaben einzusetzen.
Diesen Skill auf dein Team zuschneiden?
playwright-cli ist ein guter Start. Richtig stark wird ein Skill, wenn er deine Workflows, Vorlagen und Tonalität kennt. Wir bauen Custom Skills für Teams, von der Analyse bis zum Rollout, und verbinden sie mit unserer Arbeit in KI-Automatisierung und Entwicklung. Dein Team soll Skills selbst sicher einsetzen? Genau das üben unsere KI-Workshops und Schulungen, vor Ort oder inhouse, mit Protokoll als Nachweis.
Custom Skill anfragen →