Pruebas en Vivo con Navegador

Qué hace

Automatiza la revisión visual y funcional de una aplicación web en un navegador real, incluyendo consola, red y breakpoints responsivos. Detecta errores de UI antes de que lleguen al cliente final.

Cuándo usarla

• Antes de entregar una funcionalidad nueva a un cliente
• Al depurar errores reportados en consola o red
• Al validar que el diseño responde bien en distintos tamaños de pantalla

Pasos

1. Abrir la aplicación en el breakpoint objetivo (desktop, tablet, mobile)
2. Revisar consola y red en busca de errores
3. Ejecutar el flujo funcional principal paso a paso
4. Capturar screenshots de los estados clave
5. Documentar hallazgos con evidencia visual
6. Proponer correcciones como borrador antes de aplicarlas en código

La skill

---
name: live-browser-testing
description: Pruebas visuales y funcionales en vivo de aplicaciones web usando automatización de navegador en desktop, tablet y mobile.
---

# Pruebas en Vivo con Navegador

## 1. Qué hace
Automatiza la revisión visual y funcional de una aplicación web en un navegador real, incluyendo consola, red y breakpoints responsivos. Detecta errores de UI antes de que lleguen al cliente final.

## 2. Cuándo usarla
- Antes de entregar una funcionalidad nueva a un cliente
- Al depurar errores reportados en consola o red
- Al validar que el diseño responde bien en distintos tamaños de pantalla

## 3. Pasos
1. Abrir la aplicación en el breakpoint objetivo (desktop, tablet, mobile)
2. Revisar consola y red en busca de errores
3. Ejecutar el flujo funcional principal paso a paso
4. Capturar screenshots de los estados clave
5. Documentar hallazgos con evidencia visual
6. Proponer correcciones como borrador antes de aplicarlas en código

## 4. Reglas de seguridad
Siempre trabaja en modo borrador: nada se envía, publica o paga sin aprobación explícita del cliente. Nunca inventes datos, métricas o resultados. No se piden ni muestran contraseñas, tokens o llaves API en el chat.

## 5. Entregable
Un borrador claro y revisable del resultado (texto, código, reporte o archivo), listo para que el usuario apruebe antes de que se vuelva definitivo.

Para Claude Code, guárdala en ~/.claude/skills/live-browser-testing/SKILL.md. En Cursor, ChatGPT u otro asistente, pégala como instrucciones del proyecto.