chromedevtools/chrome-devtools

Utilise Chrome DevTools via MCP pour un débogage efficace, le dépannage et l'automatisation de navigateur. À utiliser lors du débogage de pages web, de l'automatisation d'interactions 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).

Qu'est-ce que chrome-devtools ?

Cette compétence expose les puissants outils de développement Chrome (Chrome DevTools) via le protocole MCP (Model Context Protocol), permettant à un agent IA d'inspecter, déboguer et automatiser des pages web en temps réel. Elle est particulièrement utile pour les développeurs web et les ingénieurs QA qui souhaitent déléguer à l'IA des tâches complexes de débogage, d'analyse de performance, d'inspection du DOM, de surveillance des requêtes réseau (Network tab) ou d'interaction automatisée avec le navigateur. Fonctionnant avec les agents compatibles MCP comme Claude Code ou Cursor, elle permet de lancer des commandes DevTools directement depuis le contexte de l'agent, sans avoir à basculer manuellement vers l'interface graphique. Cela accélère considérablement le diagnostic des problèmes front-end, l'automatisation des tests d'interface utilisateur et l'exploration interactive de sites. Attention : cette compétence nécessite une configuration MCP active et n'est pas disponible en mode `--slim` (configuration allégée).

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/chromedevtools/chrome-devtools-mcp/tree/main/skills/chrome-devtools

Installed? Explore more Productivité et collaboration skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait chrome-devtools ?

Utilise Chrome DevTools via MCP pour un débogage efficace, le dépannage et l'automatisation de navigateur. À utiliser lors du débogage de pages web, de l'automatisation d'interactions 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).

Individual skills in this repo

This repo contains 6 individual skills — each has its own dedicated page.

chromedevtools/a11y-debugging

Uses Chrome DevTools MCP for accessibility (a11y) debugging and auditing based on web.dev guidelines. Use when testing semantic HTML, ARIA labels, focus states, keyboard navigation, tap targets, and color contrast.

chromedevtools/chrome-devtools-cli

Use this skill to write shell scripts or run shell commands to automate tasks in the browser or otherwise use Chrome DevTools via CLI.

chromedevtools/cookie-debugging

Uses Chrome DevTools MCP for inspecting, debugging, and testing cookies, session state, authentication issues, and cookie consent compliance. Use when diagnosing 401/403 errors, authentication redirects, session expiration, Cookie/Set-Cookie header issues, cookie banner consent conformance, or third-party cookie/SameSite/Partitioned cookie warnings.

chromedevtools/debug-optimize-lcp

Guides debugging and optimizing Largest Contentful Paint (LCP) using Chrome DevTools MCP tools. Use this skill whenever the user asks about LCP performance, slow page loads, Core Web Vitals optimization, or wants to understand why their page's main content takes too long to appear. Also use when the user mentions "largest contentful paint", "page load speed", "CWV", or wants to improve how fast their hero image or main content renders.

chromedevtools/memory-leak-debugging

Diagnoses and resolves memory leaks in JavaScript/Node.js applications. Use when a user reports high memory usage, OOM errors, or wants to capture, compare, or inspect heap snapshots with Chrome DevTools MCP memory tools.

chromedevtools/troubleshooting

Uses Chrome DevTools MCP and documentation to troubleshoot connection and target issues. Trigger this skill when list_pages, new_page, or navigate_page fail, or when the server initialization fails.

Skills associés