Szenario

Browser-QA-Kit

Ein kompaktes Plugin für browserbasierte QA über automatisierte Interaktionen, visuelle Verifizierung und lokales Web-App-Debugging hinweg.

3 Skills 1 Installationen

browsertestingautomationscreenshotsplaywright

Aktualisiert vor 4 Tagen

Installieren

Führen Sie diesen Befehl aus, um alle Skills in diesem Pack zu installieren:

npx skillstore add @browser-qa-kit

Die CLI erkennt Ordner für Codex und Claude Code automatisch und installiert in beide, wenn sie vorhanden sind.

Übersicht

Nutzungsleitfaden

Durch KI erweitert

Detaillierter Leitfaden

## Überblick
Browser-QA-Kit bündelt drei browserfokussierte QA-Skills für End-to-End-UI-Prüfungen: automatisierte Playwright-Interaktionen, visuelle Screenshot-Verifizierung und lokales Web-App-Debugging mit Browser-Logs. Verwenden Sie es, wenn Sie echtes UI-Verhalten testen müssen, statt nur Code zu inspizieren.

## Schnellstart
1. Installieren Sie das Plugin in Ihrem OpenClaw-Arbeitsbereich, wenn Sie browserbasierte QA für eine Web-App oder ein lokales Frontend benötigen.
2. Verwenden Sie `playwright-browser-automation` (`adammanuel-dev-playwright-browser-automation`), um Dev-Server automatisch zu erkennen, Seiten zu bedienen, Formulare auszufüllen, Login-Flows zu validieren, Links zu prüfen, Screenshots zu erfassen und temporäre Playwright-Skripte unter `/tmp` zu schreiben.
3. Verwenden Sie `browser-testing-with-screenshots` (`agentworkforce-browser-testing-with-screenshots`), wenn Sie visuelle Verifizierung benötigen: Chrome-Interaktionen steuern, Elemente auswählen, Screenshots erfassen und bestätigen, dass zentrale UI-Zustände korrekt aussehen.
4. Verwenden Sie `webapp-testing` (`artemisai-webapp-testing`) für lokales Web-App-Debugging mit Playwright, Browser-Screenshots, Browser-Logs und fokussierten Prüfungen des Frontend-Verhaltens.

## Wichtige Befehle
- `playwright-browser-automation` — automatisiert Browser-Interaktionen, responsive Prüfungen, Login-Flows, Linkprüfungen, Screenshots und umfassende Playwright-basierte Website-Validierung.
- `browser-testing-with-screenshots` — führt visuelle Browser-Tests mit Chrome-Automatisierung, Elementauswahl und Screenshot-Erfassung aus, um die UI-Funktionalität zu bestätigen.
- `webapp-testing` — testet lokale Webanwendungen mit Playwright, inspiziert Browser-Logs, debuggt UI-Verhalten und erfasst Screenshots.

## Tipps
- Beginnen Sie mit `playwright-browser-automation` für die Abdeckung vollständiger Abläufe, und verwenden Sie anschließend `browser-testing-with-screenshots`, um visuelle Nachweise für Regressionen zu sammeln.
- Bei Frontend-Fehlern, die nur lokal reproduzierbar sind, kombinieren Sie `webapp-testing`-Screenshots mit Browser-Logs, damit die Korrektur sowohl visuelle als auch Laufzeitnachweise hat.
- Bewahren Sie Screenshots als externe QA-Nachweise auf, statt sie in Anwendungs-Repositories zu committen.

Skills

📦

playwright-browser-automation

Hohes Risiko 38

Browser-Testing mit Playwright automatisieren

Manuelle Browser-Prüfungen sind langsam und werden leicht übersehen. Dieser Skill erstellt und führt Playwright-Automatisierungen für Seiten, Formulare, Screenshots, Links und responsive Layouts aus.

💻 Programmierung & Entwicklung von Claude Assistant ⚡⚙️🌐🔑📁

📦

browser-testing-with-screenshots

Mittleres Risiko 76

Web-UIs mit visuellem Browser-Nachweis testen

Manuelle UI-Prüfungen können visuelle Regressionen übersehen und wiederholten Aufwand erfordern. Diese Skill-Anleitung unterstützt Browser-Automatisierung mit Screenshots, Elementauswahl und Seiteninspektion für verifizierbare Webtests.

💻 Programmierung & Entwicklung von AgentWorkforce ⚙️🌐📁

📦

webapp-testing

Hohes Risiko 38

Lokale Web-Apps mit Playwright testen

Das Verhalten lokaler Web-Apps lässt sich allein anhand von Quelldateien schwer überprüfen. Dieser Skill führt Claude, Codex und Claude Code durch Playwright-basierte Inspektion, Screenshots, Logs und UI-Prüfungen.

💻 Programmierung & Entwicklung von ArtemisAI 🌐📁⚙️