Playwright

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.

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.

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.

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.

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.

playwright-skill ist ein Playwright-spezifischer Leitfaden für zuverlässige Browser-Automatisierung. Er hilft Teams dabei, Tests für E2E-Flows, API-Prüfungen, Komponententests, visuelle Regressionen, Barrierefreiheit, Authentifizierung, CI/CD und die Migration von Cypress oder Selenium zu schreiben, zu debuggen und zu skalieren. Verwenden Sie die playwright-skill Skill, wenn Sie praxisnahe Muster statt allgemeiner Testberatung suchen.

playwright-skill ist eine Skill für Browser-Automatisierung zum Testen von Seiten, Ausfüllen von Formularen, Prüfen von Links, Erstellen von Screenshots, Validieren responsiver Layouts und für Login- oder Checkout-Flows. Sie erkennt Dev-Server automatisch, nutzt einen universellen Executor und hilft dir, zuverlässige Playwright-Aufgaben mit weniger Setup und Rätselraten auszuführen.

x-article-publisher ist eine workflow-orientierte Skill-Lösung zum Veröffentlichen von Markdown in X (Twitter) Articles – mit erhaltener Formatierung, Cover-Image-Handling und Rich-Text-Konvertierung. Sie eignet sich für Nutzer, die einen praxisnahen x-article-publisher-Guide für browserbasiertes Publizieren und Workflow-Automatisierung brauchen.

playwright-interactive ist eine Browser-Automatisierungs-Skill für dauerhafte Playwright-Sitzungen in lokalen Web- und Electron-Apps. Damit kannst du den UI-Zustand prüfen, Interaktionen erneut versuchen und funktionale oder visuelle QA durchführen, ohne die Toolchain neu zu starten. Ideal, wenn du einen praxisnahen Leitfaden für iteratives Debugging mit playwright-interactive suchst.

Nutze die playwright-Skill, um einen echten Browser vom Terminal aus mit einem Wrapper-Skript und `playwright-cli` zu automatisieren. Sie eignet sich für Browserautomatisierungsaufgaben wie Navigation, Formularausfüllung, Screenshots, Snapshots, Extraktion und das Debuggen von UI-Abläufen. Prüfe `npx`, installiere die Skill, setze `PWCLI` und folge dann dem CLI-first-Workflow.

azure-microsoft-playwright-testing-ts hilft dir, Playwright-Testläufe in Azure Playwright Workspaces mit TypeScript einzurichten. Nutze es für Browser-Automatisierung im großen Maßstab, cloudgehostete Browser, CI/CD-Integration, Microsoft-Entra-Authentifizierung und Reporting im Azure-Portal. Enthält Hinweise zu Installation, Konfiguration und Nutzung.

e2e-testing-patterns ist eine praxisnahe Skill für den Aufbau zuverlässiger, schneller End-to-End-Test-Suiten. Nutze sie, um Abdeckung auf kritische Nutzerpfade zu fokussieren, Flakiness zu reduzieren und Playwright- oder Cypress-Muster für CI-taugliche Automatisierung anzuwenden.