·chrome-devtools
</>

chrome-devtools

chromedevtools/chrome-devtools-mcp

Utiliza Chrome DevTools a través de MCP para una depuración, resolución de problemas y automatización del navegador eficientes. Úselo al depurar páginas web, automatizar las interacciones del navegador, analizar el rendimiento o inspeccionar las solicitudes de red.

263Instalaciones·15Tendencia·@chromedevtools

Instalación

$npx skills add https://github.com/chromedevtools/chrome-devtools-mcp --skill chrome-devtools

SKILL.md

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.

Utiliza Chrome DevTools a través de MCP para una depuración, resolución de problemas y automatización del navegador eficientes. Úselo al depurar páginas web, automatizar las interacciones del navegador, analizar el rendimiento o inspeccionar las solicitudes de red. Fuente: chromedevtools/chrome-devtools-mcp.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/chromedevtools/chrome-devtools-mcp --skill chrome-devtools
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es chrome-devtools?

Utiliza Chrome DevTools a través de MCP para una depuración, resolución de problemas y automatización del navegador eficientes. Úselo al depurar páginas web, automatizar las interacciones del navegador, analizar el rendimiento o inspeccionar las solicitudes de red. Fuente: chromedevtools/chrome-devtools-mcp.

¿Cómo instalo chrome-devtools?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/chromedevtools/chrome-devtools-mcp --skill chrome-devtools Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

¿Dónde está el repositorio de origen?

https://github.com/chromedevtools/chrome-devtools-mcp

Detalles

Categoría
</>Desarrollo
Fuente
skills.sh
Primera vez visto
2026-02-01

Skills Relacionados

Ninguno