·browser-testing-with-devtools
</>

browser-testing-with-devtools

Úselo al compilar o depurar cualquier cosa que se ejecute en un navegador. Úselo cuando necesite inspeccionar el DOM, capturar errores de la consola, analizar solicitudes de red, rendimiento del perfil o verificar la salida visual con datos de tiempo de ejecución real a través de Chrome DevTools MCP.

19Instalaciones·1Tendencia·@addyosmani

Instalación

$npx skills add https://github.com/addyosmani/agent-skills --skill browser-testing-with-devtools

Cómo instalar browser-testing-with-devtools

Instala rápidamente el skill de IA browser-testing-with-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/addyosmani/agent-skills --skill browser-testing-with-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: addyosmani/agent-skills.

SKILL.md

Ver original

Use Chrome DevTools MCP to give your agent eyes into the browser. This bridges the gap between static code analysis and live browser execution — the agent can see what the user sees, inspect the DOM, read console logs, analyze network requests, and capture performance data. Instead of guessing what's happening at runtime, verify it.

When NOT to use: Backend-only changes, CLI tools, or code that doesn't run in a browser.

| Tool | What It Does | When to Use |

Úselo al compilar o depurar cualquier cosa que se ejecute en un navegador. Úselo cuando necesite inspeccionar el DOM, capturar errores de la consola, analizar solicitudes de red, rendimiento del perfil o verificar la salida visual con datos de tiempo de ejecución real a través de Chrome DevTools MCP. Fuente: addyosmani/agent-skills.

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/addyosmani/agent-skills --skill browser-testing-with-devtools
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-22
Actualizado
2026-03-11

Browse more skills from addyosmani/agent-skills

Respuestas rápidas

¿Qué es browser-testing-with-devtools?

Úselo al compilar o depurar cualquier cosa que se ejecute en un navegador. Úselo cuando necesite inspeccionar el DOM, capturar errores de la consola, analizar solicitudes de red, rendimiento del perfil o verificar la salida visual con datos de tiempo de ejecución real a través de Chrome DevTools MCP. Fuente: addyosmani/agent-skills.

¿Cómo instalo browser-testing-with-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/addyosmani/agent-skills --skill browser-testing-with-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/addyosmani/agent-skills