SkillProof tested Claude skills

Browser Testing with DevTools

Ejecuta tests en navegador real a través de Chrome DevTools MCP para detectar problemas de DOM y consola.

Por addyosmani · addyosmani/agent-skills

Funciona con configuración ★ 8.0/10

Browser Testing with DevTools — Ejecuta tests en navegador real a través de Chrome DevTools MCP para detectar problemas de DOM y consola.

Qué hace

Prueba en navegadores reales vía Chrome DevTools MCP. Úsala al construir o depurar cualquier cosa que se ejecute en un navegador. Úsala cuando necesites inspeccionar el DOM, capturar errores de consola, analizar solicitudes de red, perfilar el rendimiento o verificar la salida visual con datos reales en tiempo de ejecución. Requiere que el servidor MCP chrome-devtools esté configurado.

Informe de la prueba

Instalación limpia de un solo archivo — git clone + cp literal funcionó sin arreglos y el frontmatter se parsea de forma estricta — pero la skill está inerte sin un servidor MCP chrome-devtools configurado por separado y un Chrome en ejecución, una dependencia externa dura que la documentación declara honestamente desde el principio. En una tarea A/B de depuración en navegador en vivo (reproducir un ReferenceError, arreglarlo, reverificar) tanto el brazo con skill como una línea base sin skill encontraron y arreglaron el bug con verificación en vivo; la ventaja de la skill fue el rigor de proceso — su flujo REPRODUCE→INSPECT→DIAGNOSE→FIX→VERIFY más evidencia de capturas de pantalla antes/después — más que un mejor diagnóstico. Documentación bien escrita y honesta, con una guía de seguridad inusualmente sólida (aislamiento de perfiles, contenido de navegador no confiable).

Probado el: 2026-07-11 · Claude Code 2.x (agent harness)

Instalación

git clone https://github.com/addyosmani/agent-skills
cd agent-skills
mkdir -p ~/.claude/skills
cp -r skills/browser-testing-with-devtools ~/.claude/skills/browser-testing-with-devtools

Comandos y prompts de ejemplo

  • /browser-testing-with-devtoolsEjecuta tests en navegador real a través de Chrome DevTools MCP para detectar problemas de DOM y consola.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

  • Test this page in a real browser and check the console
  • Inspect network requests while debugging the login flow
  • Profile page performance and report console errors

Informe completo →