·chrome-devtools
</>

chrome-devtools

Utilise Chrome DevTools via MCP pour un débogage, un dépannage et une automatisation efficaces du navigateur. À utiliser lors du débogage de pages Web, de l'automatisation des interactions du navigateur, de l'analyse des performances ou de l'inspection des requêtes réseau. Cette compétence ne s'applique pas au mode `--slim` (configuration MCP).

10Installations·1Tendance·@wenerme

Installation

$npx skills add https://github.com/wenerme/ai --skill chrome-devtools

Comment installer chrome-devtools

Installez rapidement le skill IA chrome-devtools dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/wenerme/ai --skill chrome-devtools
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : wenerme/ai.

Browser lifecycle: Browser starts automatically on first tool call using a persistent Chrome profile. Configure via CLI args in the MCP server configuration: npx chrome-devtools-mcp@latest --help.

Page selection: Tools operate on the currently selected page. Use listpages to see available pages, then selectpage to switch context.

Element interaction: Use takesnapshot to get page structure with element uids. Each element has a unique uid for interaction. If an element isn't found, take a fresh snapshot - the element may have been removed or the page changed.

Utilise Chrome DevTools via MCP pour un débogage, un dépannage et une automatisation efficaces du navigateur. À utiliser lors du débogage de pages Web, de l'automatisation des interactions du navigateur, de l'analyse des performances ou de l'inspection des requêtes réseau. Cette compétence ne s'applique pas au mode `--slim` (configuration MCP). Source : wenerme/ai.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/wenerme/ai --skill chrome-devtools
Catégorie
</>Développement
Vérifié
Première apparition
2026-03-10
Mis à jour
2026-03-11

Browse more skills from wenerme/ai

Réponses rapides

Qu'est-ce que chrome-devtools ?

Utilise Chrome DevTools via MCP pour un débogage, un dépannage et une automatisation efficaces du navigateur. À utiliser lors du débogage de pages Web, de l'automatisation des interactions du navigateur, de l'analyse des performances ou de l'inspection des requêtes réseau. Cette compétence ne s'applique pas au mode `--slim` (configuration MCP). Source : wenerme/ai.

Comment installer chrome-devtools ?

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/wenerme/ai --skill chrome-devtools Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/wenerme/ai