qa-web-test

Automate visual QA testing of web pages using Chrome DevTools MCP tools. Connects to an already-running Chrome browser session, navigates to pages, emulates viewports, takes screenshots, and inspects CSS properties to catch responsive layout bugs.

After connecting to the browser and navigating to the target URL, always hard-refresh the page and clear the cache before any testing:

Then wait for the page to fully reload before proceeding.

Habilidad de control de calidad de pruebas web utilizando las herramientas MCP de Chrome DevTools para pruebas de regresión visual, validación de puntos de interrupción receptivos y depuración de diseño CSS. Utilice esta habilidad siempre que el usuario solicite "probar una página", "verificar puntos de interrupción", "verificar el diseño responsivo", "control de calidad de esta página", "probar CSS en diferentes ventanas gráficas", "verificar errores de diseño", "verificar la solución" o quiera inspeccionar visualmente una página web en anchos de ventana específicos. También se activa cuando el usuario proporciona una URL y solicita tomar capturas de pantalla, comparar diseños o inspeccionar las dimensiones de los elementos. Funciona con cualquier sesión de navegador conectada a Chrome DevTools MCP en entornos de prueba o de host local. Fuente: delexw/claude-code-misc.