browser-devtools-cli
✓Automatise les interactions du navigateur à l'aide de Playwright pour les tests Web, le débogage et l'automatisation. À utiliser lorsque l'utilisateur doit naviguer sur des sites Web, prendre des captures d'écran, remplir des formulaires, cliquer sur des éléments, extraire le contenu d'une page (HTML/texte), auditer l'accessibilité (arborescence ARIA/AX), mesurer les performances de Web Vitals, surveiller les journaux de la console et les requêtes HTTP, simuler les réponses de l'API, exécuter JavaScript dans le navigateur, inspecter les composants React, comparer l'interface utilisateur avec les conceptions Figma ou effectuer un débogage non bloquant avec des points de trace, des points de journalisation et une surveillance des exceptions.
Installation
SKILL.md
Command-line interface for browser automation, debugging, and testing using Playwright.
| --port | Daemon server port | 2020 | | --session-id | Session ID for browser state persistence | auto | | --json | Output results as JSON (recommended for AI) | false | | --quiet | Suppress log messages | false | | --verbose | Enable debug output | false | | --timeout | Operation timeout | 30000 | | --headless | Run browser in headless mode | true |
| --no-headless | Run browser with visible window | - | | --persistent | Preserve cookies/localStorage | false | | --no-persistent | Clear state on session end | - | | --user-data-dir | Browser user data directory | OS temp | | --use-system-browser | Use system Chrome | false | | --browser-path | Custom browser path | auto |
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill browser-devtools-cli- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-06
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que browser-devtools-cli ?
Automatise les interactions du navigateur à l'aide de Playwright pour les tests Web, le débogage et l'automatisation. À utiliser lorsque l'utilisateur doit naviguer sur des sites Web, prendre des captures d'écran, remplir des formulaires, cliquer sur des éléments, extraire le contenu d'une page (HTML/texte), auditer l'accessibilité (arborescence ARIA/AX), mesurer les performances de Web Vitals, surveiller les journaux de la console et les requêtes HTTP, simuler les réponses de l'API, exécuter JavaScript dans le navigateur, inspecter les composants React, comparer l'interface utilisateur avec les conceptions Figma ou effectuer un débogage non bloquant avec des points de trace, des points de journalisation et une surveillance des exceptions. Source : serkan-ozal/browser-devtools-skills.
Comment installer browser-devtools-cli ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill browser-devtools-cli Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/serkan-ozal/browser-devtools-skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-06