Playwright: KI gesteuerte Browser-Automatisierung

Lerne, wie du Playwright mit KI per MCP oder CLI installierst und für Recherche, Screenshots und Tests nutzt.

6:01 Minuten

Mai 2026

🔒 Premium-Tutorial

Das Schritt-für-Schritt-Video sowie zusätzliche Tipps, Links und Ressourcen sind exklusiv für KI-Wissen Pro-Mitglieder. Werde jetzt Mitglied und erhalte sofortigen Zugang zu allen Inhalten.

Schriftliche Anleitung

Worum es geht

Playwright ist ein kostenloses Open-Source-Tool von Microsoft, mit dem du deinen Browser fernsteuern und automatisieren kannst. Alles, was du sonst mit Maus und Tastatur im Browser machst, lässt sich damit automatisieren: klicken, tippen, scrollen, Formulare ausfüllen, Buttons drücken oder Dropdowns auswählen. Außerdem kannst du Daten von Webseiten abgreifen, automatisch Screenshots erstellen und Tests bauen, die prüfen, ob deine Website nach Änderungen noch zuverlässig funktioniert. Playwright wurde ursprünglich für das automatisierte Testen von Webanwendungen entwickelt und unterstützt Chromium, Firefox und WebKit auf Windows, macOS und Linux.

Was gezeigt wird

Die Anleitung zeigt zwei Wege, Playwright zusammen mit KI zu nutzen: über einen MCP-Server oder über die CLI. Bei der MCP-Variante kommuniziert die KI über den Server mit Playwright, etwa in Claude Desktop oder OpenCode Desktop. Die CLI-Variante ist für Coding-Agents wie Claude Code oder OpenCode im Terminal gedacht und arbeitet mit kompakten Kommandozeilen-Befehlen. Beide Varianten bieten anschließend dieselben Funktionen, unterscheiden sich aber in Installation und Nutzung. Im Skript wird gezeigt, wie die Einrichtung jeweils über die von der KI geplante Installation funktioniert. Danach folgen zwei Praxisbeispiele: Erstens ruft die KI mit Playwright Google News auf, sucht nach „KI-Agenten“, erstellt einen Screenshot und gibt eine Tabelle mit den fünf ersten Ergebnissen aus. Zweitens wird mit der CLI ein automatisierter Test für ein Kontaktformular erstellt, inklusive Ausfüllen, Absenden und Screenshots beim Ausfüllen und Bestätigen. Zusätzlich wird erklärt, wie du dir dafür ein wiederverwendbares Playwright-Skript erstellen lässt.

Für wen geeignet

Geeignet ist die Anleitung für Einsteiger und Anwender, die Browser-Aufgaben mit KI automatisieren möchten, sowie für alle, die mit Claude Desktop, Claude Code oder OpenCode arbeiten. Besonders hilfreich ist sie für Menschen, die Informationen aus Webseiten strukturiert sammeln, wiederkehrende Browser-Abläufe automatisieren oder eigene Websites und Apps effizient testen wollen. Für die Installation wird Node.js ab Version 18 benötigt.

Prompt aus dem Video

Erstelle mir ein Playwright-Skript (Node.js) für einen automatisierten End-to-End-Test meiner Webseite.
Bitte erstelle das Skript als Artifact zum Download mit dem Namen ki_test.js.

Ablauf des Skripts:

Was du in diesem Tutorial lernst

Verstehen, was Playwright ist und welche Browser es unterstützt.
Zwischen MCP-Variante und CLI-Variante für KI-Nutzung unterscheiden.
Die Installation von Playwright mit KI über Desktop-App oder Terminal nachvollziehen.
Mit Playwright gezielt Informationen aus Webseiten abrufen und als Screenshot sichern.
Ein automatisiertes Playwright-Skript für wiederkehrende Tests erstellen lassen.
Browser-Abläufe wie Formularprüfung mit Screenshots automatisieren.