·chrome-devtools
</>

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. Esta habilidad no se aplica al modo `--slim` (configuración MCP).

10Instalaciones·1Tendencia·@wenerme

Instalación

$npx skills add https://github.com/wenerme/ai --skill chrome-devtools

Cómo instalar chrome-devtools

Instala rápidamente el skill de IA chrome-devtools en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/wenerme/ai --skill chrome-devtools
  3. Verificar instalación: 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, Cursor u OpenClaw

Fuente: wenerme/ai.

SKILL.md

Ver original

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. Esta habilidad no se aplica al modo `--slim` (configuración MCP). Fuente: wenerme/ai.

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/wenerme/ai --skill chrome-devtools
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-03-10
Actualizado
2026-03-10

Browse more skills from wenerme/ai

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. Esta habilidad no se aplica al modo `--slim` (configuración MCP). Fuente: wenerme/ai.

¿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/wenerme/ai --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, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/wenerme/ai