chromedevtools/chrome-devtools-cli

Usa esta habilidad para escribir scripts de shell o ejecutar comandos de shell que automaticen tareas en el navegador o que utilicen Chrome DevTools a través de la CLI.

¿Qué es chrome-devtools-cli?

Esta habilidad permite a los agentes de IA y desarrolladores automatizar tareas del navegador Chrome mediante scripts de shell o comandos de línea de comandos, utilizando directamente la interfaz de Chrome DevTools desde la terminal. Es especialmente útil para escenarios como pruebas automatizadas, extracción de datos, monitoreo de rendimiento y depuración remota, ya que elimina la necesidad de interactuar manualmente con la interfaz gráfica del navegador. Compatible con plataformas como Claude Code, Cursor y Codex, esta habilidad se basa en el uso de herramientas como Puppeteer, Playwright o el protocolo Chrome DevTools (CDP) para controlar el navegador de forma programática. Al ejecutar comandos de shell, el agente puede realizar acciones como abrir pestañas, hacer clic en elementos, capturar pantallas, analizar el DOM y simular eventos del usuario, todo sin intervención manual.

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

Installed? Explore more Productividad y colaboración skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace chrome-devtools-cli?

Usa esta habilidad para escribir scripts de shell o ejecutar comandos de shell que automaticen tareas en el navegador o que utilicen Chrome DevTools a través de la CLI.

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 relacionados