playwright-skill
Automatisiere Browser-Aufgaben mit Playwright
متاح أيضًا من: 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.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "playwright-skill". Test my local app at localhost:3000
النتيجة المتوقعة:
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
استخدام "playwright-skill". Check responsive design
النتيجة المتوقعة:
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/
التدقيق الأمني
مخاطر منخفضةThis 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.
مشكلات متوسطة المخاطر (1)
مشكلات منخفضة المخاطر (2)
عوامل الخطر
⚙️ الأوامر الخارجية (1)
🌐 الوصول إلى الشبكة (1)
📁 الوصول إلى نظام الملفات (1)
🔑 متغيرات البيئة (1)
⚡ يحتوي على سكربتات (1)
درجة الجودة
ماذا يمكنك بناءه
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.
جرّب هذه الموجهات
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.
أفضل الممارسات
- 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
تجنب
- 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