chromedevtools/chrome-devtools-cli

Utilisez cette compétence pour écrire des scripts shell ou exécuter des commandes afin d'automatiser des tâches dans le navigateur ou d'utiliser Chrome DevTools via la ligne de commande.

Qu'est-ce que chrome-devtools-cli ?

Cette compétence permet aux agents IA d'automatiser des actions dans un navigateur en écrivant et en exécutant des scripts shell ou des commandes qui exploitent Chrome DevTools via une interface en ligne de commande (CLI). Elle est particulièrement utile pour les développeurs et les ingénieurs QA qui souhaitent intégrer des tests, de la capture d'écran, de l'analyse de performance ou d'autres interactions avec le navigateur dans leurs workflows automatisés, sans avoir à ouvrir manuellement DevTools. La compétence s'appuie sur des outils CLI comme Puppeteer, Playwright ou le protocole Chrome DevTools Protocol (CDP) pour contrôler le navigateur de manière headless ou avec interface. Elle est compatible avec les principaux environnements d'exécution shell (Bash, Zsh) et peut être utilisée dans des pipelines CI/CD, des scripts d'automatisation ou directement depuis un terminal. En simplifiant l'accès aux puissantes fonctionnalités de DevTools via des commandes shell, elle accélère le développement et le débogage, tout en permettant une automatisation fine des tâches répétitives liées au rendu, au réseau ou à l'accessibilité.

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

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-cli ?

Utilisez cette compétence pour écrire des scripts shell ou exécuter des commandes afin d'automatiser des tâches dans le navigateur ou d'utiliser Chrome DevTools via la ligne de commande.

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

Uses Chrome DevTools via MCP for efficient debugging, troubleshooting and browser automation. Use when debugging web pages, automating browser interactions, analyzing performance, or inspecting network requests. This skill does not apply to `--slim` mode (MCP configuration).

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