Name: Chrome DevTools
Author: Chrome DevTools (Google)

Chrome DevTools

Depura páginas, llamadas de red y rendimiento en un Chrome en vivo desde Claude.

Oficial del fabricantede Chrome DevTools (Google)Verificado el 18 de octubre de 2026

Instala Chrome DevTools gratis

Deja tu email y los pasos de instalación se abren aquí mismo: un prompt para pegar en tu herramienta de IA. Sirve para las 149 skills.

La skill que viene con el servidor MCP Chrome DevTools de Google. Le enseña a Claude formas eficientes de inspeccionar una página en ejecución, desde solicitudes de red hasta trazas de rendimiento.

Para quién es

Desarrolladores frontend
Testers de QA
Ingenieros de rendimiento

Prompts para probar

Cuando la skill esté instalada, pide el resultado con tus palabras. Tu herramienta de IA usa la skill sola.

Prompt 1

Abre mi sitio en Chrome y averigua por qué las imágenes de productos cargan lento

Prompt 2

Revisa qué solicitud de red falla cuando envío el formulario

Prompt 3

Analiza la página de inicio y dime qué afecta el rendimiento

Cómo instalarla

Las skills siguen el estándar abierto Agent Skills, así que esta no depende de una sola empresa. Elige la herramienta de IA que usas. ¿No lo tienes claro? La primera pestaña cubre la mayoría en un solo paso.

Lo más fácil: pega esto en tu herramienta de IA

Instala esta skill para que funcione en todos mis proyectos: ejecuta `npx skills add https://github.com/ChromeDevTools/chrome-devtools-mcp/tree/main/skills/chrome-devtools -g -y` en mi terminal. Si falta Node.js, dime primero cómo instalarlo. Cuando termines, confirma que la skill quedó instalada y dime cómo empezar a usarla.

O hazlo tú mismo:

Un solo comando instala la skill en las herramientas de IA de tu computadora. Detecta las que tienes y te pregunta en cuáles añadirla: Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, OpenCode y más de 60 más.

$npx skills add https://github.com/ChromeDevTools/chrome-devtools-mcp/tree/main/skills/chrome-devtools -g

Necesitas tener Node.js instalado (gratis, en nodejs.org). La opción -g hace que la skill esté disponible en todos tus proyectos.

Bueno saber: El plugin también incluye skills para depurar accesibilidad, optimizar LCP y encontrar fugas de memoria.

Desbloquea los pasos de instalación

Gratis. Deja tu email una vez para abrir los pasos de instalación de las 149 skills y recibir cada mes las mejores skills nuevas.

Cómo lo verificamos

Confirmamos la skill en su fuente original el 18 de octubre de 2026: el SKILL.md está donde debe estar, los archivos se actualizaron en el último año y la licencia permite usarla. Todavía no la hemos probado en una tarea.