Playwright

Die e2e-testing-Skill ist ein auf Playwright fokussierter Leitfaden für stabile End-to-End-Testautomatisierung – mit Mustern für Dateiorganisation, den Einsatz des Page Object Model, Konfiguration, CI-Bereitschaft, Artefakt-Debugging und den Umgang mit flaky Tests.

ui-demo hilft dir, hochwertige Demo-Videos von Web-Apps mit Playwright, sichtbarer Mausbewegung und natürlichem Timing aufzunehmen. Nutze die ui-demo Skill für Walkthroughs, Onboarding-Clips, Feature-Touren und tutorialartige Aufnahmen. Folge dem Workflow aus discover, rehearse und record für zuverlässige Ergebnisse, besonders bei Prototypen und schnell veränderlichen UIs.

tdd-workflow ist ein Skill für einen Test-First-Workflow für neue Features, Bugfixes und Refactorings. Er setzt TDD mit über 80 % Abdeckung über Unit-, Integrations- und E2E-Tests durch, plus explizite Prüfpunkte und Validierung von Edge Cases. Verwende den tdd-workflow Skill, wenn du einen praxisnahen Leitfaden für Testautomatisierung und vorhersehbarere Codeänderungen brauchst.

data-scraper-agent hilft beim Aufbau einer wiederholbaren Public-Data-Pipeline für Web Scraping, Anreicherung und Speicherung. Es ist für das Monitoring von Jobs, Preisen, News, Repos, Sport und Listings nach Zeitplan mit GitHub Actions ausgelegt, mit Ausgaben nach Notion, Sheets oder Supabase. Am besten für laufendes Tracking, nicht für einmalige Extraktionen.

canary-watch ist ein Post-Deploy-Monitoring-Skill, mit dem sich eine Live-URL nach Releases, Merges oder Dependency-Updates auf Regressionen prüfen lässt – in Staging oder Production.

browser-qa ist ein Browser-QA-Skill für visuelle Tests nach dem Deployment, Interaktionsprüfungen, responsive Screenshots und Accessibility-Reviews mit Browser-Automatisierung. Er hilft Frontend-Entwicklern und QA-Teams, Staging- oder Preview-Seiten mit einem wiederholbaren browser-qa-Guide zu verifizieren, statt mit einem generischen Prompt.

webapp-testing ist eine Skill zum Testen lokaler Webapps mit Python Playwright. Sie unterstützt Agents dabei, Server mit `scripts/with_server.py` zu starten, die gerenderte UI zu prüfen, Selektoren zu finden, Screenshots und Console-Logs zu erfassen und Frontend-Verhalten in einem Reconnaissance-first-Workflow zu validieren.

browse ist ein schnelles Headless-Browser-Skill für QA, Dogfooding und Browser-Automation. Verwenden Sie es, um Seiten zu öffnen, mit Elementen zu interagieren, Zustände zu prüfen, Vorher-Nachher-Vergleiche durchzuführen, Screenshots zu erstellen und responsive Layouts, Formulare, Uploads, Dialoge sowie Elementzustände zu überprüfen. Installieren Sie browse, wenn Sie Browser-Belege statt eines allgemeinen Prompts benötigen.

Der cloud-Skill unterstützt bei Installation und Nutzung von Browser Use Cloud für Browser Automation – inklusive Quickstart-Setup, v2- und v3-APIs, SDK-Nutzung, Sessions, Profilen, CDP-Verbindungen, Proxys, Webhooks und Live-Monitoring.

gstack ist eine browsergesteuerte KI-Skill für QA-Tests, Dogfooding, Release-Checks und das Erfassen von Bugs. Sie öffnet echte Seiten, klickt sich durch die UI, prüft den Zustand, vergleicht Vorher-Nachher-Ansichten, testet responsive Layouts und sammelt Belege mit Screenshots. Besonders nützlich ist sie für UI-Design-Reviews und Deployment-Validierung, wenn du verlässliche Browser-Ergebnisse aus der gstack Skill brauchst.

webapp-testing ist ein Playwright-basierter Skill zum Untersuchen, Debuggen und Testen lokaler Webapps. Er führt Agenten durch statische HTML-Prüfungen, dynamische App-Erkundung, Screenshots, Console Logging, Selector Discovery und das Einrichten des Server-Lebenszyklus mit scripts/with_server.py.

diagnose ist ein strukturierter Debugging-Workflow für knifflige Bugs, flaky Tests und Performance-Regressions. Er hilft dir, das Problem zu reproduzieren, den fehlschlagenden Fall zu minimieren, immer nur eine Hypothese auf einmal aufzustellen, Instrumentierung einzubauen, die Ursache zu beheben und den Fix mit einem Regressionstest abzusichern. Nutze den diagnose-Leitfaden, wenn „debug this“ nicht ausreicht.

browser-automation unterstützt Agents beim Aufbau von Playwright-Workflows für Scraping, das Ausfüllen von Formularen, Screenshots, Downloads, Session-Handling und strukturierte Datenextraktion. Enthalten sind Rezepte, API-Referenzen und Helper-Scripts für produktive Browser-Automatisierung – nicht für E2E-Testing.

testrail ist ein auf Playwright ausgerichteter Skill für die Synchronisierung von TestRail-Cases und -Runs. Er importiert TestRail-Cases in annotierte Playwright-Tests und überträgt Ergebnisse des JSON-Reporters mithilfe der erforderlichen Zugangsdaten und MCP-Tools zurück an TestRail.

report ist eine schlanke Skill für Playwright-Testberichte: Sie prüft vorhandene Artefakte, führt Tests bei Bedarf aus, analysiert Ergebnisse und erstellt Zusammenfassungen für Markdown, Slack, TestRail oder CI.

init ist ein Playwright-Setup-Skill, mit dem sich End-to-End-Testinfrastruktur in JavaScript- oder TypeScript-Projekte integrieren lässt. Dieser init Leitfaden hilft dabei, ein Repo zu prüfen, Playwright zu installieren, Konfiguration zu erzeugen, Testordner anzulegen und CI-taugliche Defaults für Testautomatisierung hinzuzufügen.

fix ist ein Playwright-Debugging-Skill für fehlschlagende oder flaky Tests. Er führt Agenten durch Reproduktion, Burn-in-Läufe, Trace-Erfassung und eine taxonomiebasierte Diagnose von Timing-, Isolations-, Umgebungs- und Infrastrukturproblemen.

browserstack Skill zur Konfiguration von Playwright-Tests im Cloud-Grid von BrowserStack. Behandelt erforderliche Zugangsdaten, connectOptions, den Aufbau einer Browser-Matrix und den praktischen browserstack Einsatz für browserübergreifende Test Automation.

playwright-cli ist eine Browser-Automatisierungsskill für Playwright direkt über die Kommandozeile. Sie hilft beim Öffnen von Seiten, Prüfen von Elementen, Durchklicken von Abläufen, Ausfüllen von Formularen, Erstellen von Screenshots, Mocken von Requests und Generieren von Testcode aus echten Interaktionen. Nutze sie für wiederholbare Browser-Automatisierung und UI-Tests.

azure-resource-manager-playwright-dotnet ist ein .NET-Management-Plane-Skill für Azure Resource Manager und Microsoft Playwright Testing. Er unterstützt Backend-Entwicklungsteams und Plattform-Automatisierungsteams beim Erstellen und Verwalten von Playwright-Workspaces, beim Prüfen der Verfügbarkeit von Namen und beim Umgang mit Workspace-Quotas. Verwende ihn für Provisionierungs- und Lifecycle-Aufgaben rund um Workspaces, nicht zum Ausführen von Tests.

excalidraw-diagram erstellt Excalidraw-JSON-Diagramme, die visuell argumentieren und nicht nur Kästen und Pfeile anzeigen. Nutzen Sie es für Workflows, Architekturen, Sequenzabläufe, Entscheidungswege und Konzeptdiagramme, bei denen Struktur, Lesbarkeit und echte Zusammenhänge zählen. Enthalten sind Installationshinweise, renderbewusste Prüfungen und ein praxisnaher Workflow für bessere Diagramme.

playwright-testing-Skill zum Schreiben und Debuggen von Playwright-End-to-End-Tests mit Page Objects, Browser-übergreifenden Läufen, CI-tauglichem Setup, Authentifizierungsbehandlung und stabiler Teststruktur.

playwright-best-practices ist ein Playwright- + TypeScript-Skill für stabile Tests, weniger Flakiness, bessere Auth-Flows, die richtige Wahl zwischen Fixtures und Page Objects sowie den Umgang mit CI, Popups, Mobile, iframes, websockets und Multi-User-Szenarien – mit praxisnaher, repo-gestützter Anleitung.

use-my-browser ist ein Skill für Browser-Automatisierungsstrategien, mit dem sich die passende Web-Ebene wählen lässt: öffentliche Web-Tools, live Chrome, raw fetch oder Playwright für angemeldete, dynamische und DevTools-gesteuerte Aufgaben.