playwright-skill
Automatisiere Browser-Aufgaben mit Playwright
Auch verfügbar von: lackeyjb
Diese Fähigkeit ermöglicht es Claude Code, Browser-Interaktionen mit Playwright zu automatisieren, einschließlich Dev-Server-Erkennung, Testskript-Ausführung und umfassenden Web-Testing-Funktionen.
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
Einschalten und loslegen
Teste es
Verwendung von "playwright-skill". Test my local app at localhost:3000
Erwartetes Ergebnis:
Auto-detected dev server on port 3000. Launching browser to test...
Page title: My Web App
Viewport: 1280x720
✓ Page loaded successfully
✓ No console errors detected
✓ Screenshot saved to /tmp/screenshot-2024-01-15.png
Verwendung von "playwright-skill". Check responsive design
Erwartetes Ergebnis:
Testing across viewports:
- Mobile (375x667): ✓ No layout issues
- Tablet (768x1024): ✓ No layout issues
- Desktop (1280x720): ✓ No layout issues
All viewport tests passed. Screenshots saved to /tmp/
Sicherheitsaudit
Niedriges RisikoThis is a legitimate browser automation skill using the Playwright library. The static analyzer flagged many patterns but most are false positives: shell commands in documentation are usage examples, not dangerous execution; network access is required for browser automation; filesystem access is for writing test scripts to /tmp; environment variables are for configuration. No malicious intent detected.
Probleme mit mittlerem Risiko (1)
Probleme mit niedrigem Risiko (2)
Risikofaktoren
⚙️ Externe Befehle (1)
🌐 Netzwerkzugriff (1)
📁 Dateisystemzugriff (1)
🔑 Umgebungsvariablen (1)
⚡ Enthält Skripte (1)
Qualitätsbewertung
Was du bauen kannst
Web-Entwickler-Testing
Testen Sie Webanwendungen lokal durch automatische Erkennung von Dev-Servern und Ausführen automatisierter Browsertests über mehrere Viewport-Größen.
QA-Automatisierung
Erstellen Sie End-to-End-Tests für Webanwendungen, validieren Sie Login-Abläufe und prüfen Sie responsives Design über verschiedene Geräte hinweg.
Web-Scraping
Extrahieren Sie Inhalte von Websites, die JavaScript-Rendering erfordern, einschließlich Screenshots und strukturierter Datenextraktion.
Probiere diese Prompts
Test my local web application. First detect any running dev servers, then verify the main page loads correctly and check for console errors.
Check if my web application looks good on mobile, tablet, and desktop viewports. Take screenshots at each size and report any layout issues.
Test the login flow on [URL]. Fill in the credentials, click login, and verify successful authentication by checking for dashboard or user menu.
Fill out and submit the contact form on [URL] with test data. Verify the form submits successfully and check for any validation errors.
Bewährte Verfahren
- Verwenden Sie stets parametrisierte URLs über Konstanten oder Umgebungsvariablen für bessere Wartbarkeit
- Schreiben Sie Testskripte nach /tmp, um Projektverzeichnisse sauber zu halten
- Verwenden Sie den sichtbaren Browser-Modus (headless: false) zum Debuggen, wechseln Sie zu headless für CI
- Behandeln Sie asynchrone Operationen ordnungsgemäß mit waitForSelector und waitForNavigation
Vermeiden
- Hardcoden Sie keine Anmeldedaten in Testskripten – verwenden Sie stattdessen Umgebungsvariablen
- Vermeiden Sie Tests gegen Produktions-Websites ohne Autorisierung
- Verlassen Sie sich nicht ausschließlich auf sleep/Timer – verwenden Sie ordnungsgemäße Wartebedingungen für zuverlässige Tests
- Vermeiden Sie das Schreiben von Testdateien in das Skill-Verzeichnis – verwenden Sie stets /tmp