Name: Chrome DevTools
Author: Chrome DevTools (Google)

Chrome DevTools

Déboguez pages, appels réseau et performance dans un Chrome en direct depuis Claude.

Officielle de l'éditeurpar Chrome DevTools (Google)Vérifié le 18 octobre 2026

Installez Chrome DevTools gratuitement

Laissez votre email et les étapes d'installation s'ouvrent ici même : un prompt à coller dans votre outil d'IA. Valable pour les 149 skills.

La skill fournie avec le serveur MCP Chrome DevTools de Google. Elle apprend à Claude des façons efficaces d'inspecter une page en cours d'exécution, des requêtes réseau aux traces de performance.

Pour qui

Développeurs frontend
Testeurs QA
Ingénieurs performance

Prompts à essayer

Une fois la skill installée, demandez le résultat avec vos mots. Votre outil d'IA utilise la skill tout seul.

Prompt 1

Ouvre mon site dans Chrome et trouve pourquoi les images produits chargent lentement

Prompt 2

Vérifie quelle requête réseau échoue quand j'envoie le formulaire

Prompt 3

Profile la page d'accueil et dis-moi ce qui nuit à la performance

Comment l'installer

Les skills suivent le standard ouvert Agent Skills, celle-ci n'est donc pas liée à une seule entreprise. Choisissez l'outil d'IA que vous utilisez. Vous hésitez ? Le premier onglet couvre la plupart d'entre eux en une étape.

Le plus simple : collez ceci dans votre outil d'IA

Installe cette skill pour qu'elle fonctionne dans tous mes projets : exécute `npx skills add https://github.com/ChromeDevTools/chrome-devtools-mcp/tree/main/skills/chrome-devtools -g -y` dans mon terminal. S'il manque Node.js, explique-moi d'abord comment l'installer. Une fois terminé, confirme que la skill est installée et dis-moi comment commencer à l'utiliser.

Ou faites-le vous-même :

Une seule commande installe la skill dans les outils d'IA de votre ordinateur. Elle détecte ceux que vous avez et vous demande où l'ajouter : Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, OpenCode et plus de 60 autres.

$npx skills add https://github.com/ChromeDevTools/chrome-devtools-mcp/tree/main/skills/chrome-devtools -g

Node.js doit être installé (gratuit, sur nodejs.org). L'option -g rend la skill disponible dans tous vos projets.

Bon à savoir : Le plugin comprend aussi des skills pour le débogage d'accessibilité, l'optimisation du LCP et les fuites de mémoire.

Débloquez les étapes d'installation

Gratuit. Laissez votre email une seule fois pour ouvrir les étapes d'installation des 149 skills, et recevez chaque mois les meilleures nouvelles skills.

Comment nous l'avons vérifié

Nous avons vérifié la skill à sa source d'origine le 18 octobre 2026 : le SKILL.md est au bon endroit, les fichiers ont été mis à jour au cours de l'année et la licence autorise son usage. Nous ne l'avons pas encore testée sur une tâche.