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 a besoin de naviguer sur des sites Web, de prendre des captures d'écran, de remplir des formulaires, de cliquer sur des éléments, d'extraire le contenu d'une page (HTML/texte), d'auditer l'accessibilité (arborescence ARIA/AX), de mesurer les performances de Web Vitals, de surveiller les journaux de la console et les requêtes HTTP, de simuler les réponses de l'API, d'exécuter du JavaScript dans le navigateur, d'inspecter les composants React ou de comparer l'interface utilisateur avec les conceptions Figma.
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-mcp --skill browser-devtools-cli- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- 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 a besoin de naviguer sur des sites Web, de prendre des captures d'écran, de remplir des formulaires, de cliquer sur des éléments, d'extraire le contenu d'une page (HTML/texte), d'auditer l'accessibilité (arborescence ARIA/AX), de mesurer les performances de Web Vitals, de surveiller les journaux de la console et les requêtes HTTP, de simuler les réponses de l'API, d'exécuter du JavaScript dans le navigateur, d'inspecter les composants React ou de comparer l'interface utilisateur avec les conceptions Figma. Source : serkan-ozal/browser-devtools-mcp.
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-mcp --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-mcp
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01