playwright-skill
Automatisez les tâches du navigateur avec Playwright
こちらからも入手できます: lackeyjb
Cette compétence permet à Claude Code d'automatiser les interactions du navigateur en utilisant Playwright, gérant la détection des serveurs de développement, l'exécution de scripts de test et des capacités complètes de test Web.
スキルZIPをダウンロード
Claudeでアップロード
設定 → 機能 → スキル → スキルをアップロードへ移動
オンにして利用開始
テストする
「playwright-skill」を使用しています。 Testez mon application locale sur localhost:3000
期待される結果:
Serveur de développement détecté automatiquement sur le port 3000. Lancement du navigateur pour le test...
Titre de la page: Mon application Web
Viewport: 1280x720
✓ Page chargée avec succès
✓ Aucune erreur de console détectée
✓ Capture d'écran enregistrée dans /tmp/screenshot-2024-01-15.png
「playwright-skill」を使用しています。 Vérifiez la conception responsive
期待される結果:
Test sur plusieurs viewports:
- Mobile (375x667): ✓ Aucun problème de mise en page
- Tablette (768x1024): ✓ Aucun problème de mise en page
- Bureau (1280x720): ✓ Aucun problème de mise en page
Tous les tests de viewport ont réussi. Captures d'écran enregistrées dans /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)
品質スコア
作れるもの
Test pour développeurs Web
Testez les applications Web localement en détectant automatiquement les serveurs de développement et en exécutant des tests automatisés du navigateur sur plusieurs tailles de viewport.
Automatisation QA
Créez des tests de bout en bout pour les applications Web, validez les flux de connexion et vérifiez la conception responsive sur différents appareils.
Extraction de données Web
Extrayez du contenu de sites Web nécessitant un rendu JavaScript, y compris les captures d'écran et l'extraction de données structurées.
これらのプロンプトを試す
Testez mon application Web locale. Détectez d'abord tous les serveurs de développement en cours d'exécution, puis vérifiez que la page principale se charge correctement et recherchez les erreurs de console.
Vérifiez si mon application Web est belle sur les viewports mobile, tablette et bureau. Prenez des captures d'écran à chaque taille et signalez tout problème de mise en page.
Testez le flux de connexion sur [URL]. Remplissez les identifiants, cliquez sur connexion et vérifiez l'authentification réussie en recherchant le tableau de bord ou le menu utilisateur.
Remplissez et soumettez le formulaire de contact sur [URL] avec des données de test. Vérifiez que le formulaire est soumis avec succès et recherchez les erreurs de validation.
ベストプラクティス
- Utilisez toujours des URLs paramétrées via des constantes ou des variables d'environnement pour une meilleure maintenabilité
- Écrivez les scripts de test dans /tmp pour garder les répertoires de projet propres
- Utilisez le mode navigateur visible (headless: false) pour le débogage, passez en mode headless pour l'intégration continue
- Gérez correctement les opérations asynchrones avec waitForSelector et waitForNavigation
回避
- N'encodez pas en dur les identifiants dans les scripts de test - utilisez plutôt des variables d'environnement
- Évitez de tester sur des sites Web de production sans autorisation
- Ne comptez pas uniquement sur sleep/timers - utilisez des conditions d'attente appropriées pour des tests fiables
- Évitez d'écrire des fichiers de test dans le répertoire de la compétence - utilisez toujours /tmp