browser-testlisted

# Skill: browser-test Automatización de navegador para verificar UI en desarrollo, testear visualmente flujos críticos y capturar evidencia. Usa `agent-browser` (CLI en Rust sobre CDP). Triggers: /browser-test, "abrir en browser", "screenshot de", "verificar que renderiza", "testear visualmente", "navegar a", "probar el flujo de", "ver cómo se ve", "revisar esta URL", "capturar pantalla de", "test visual", "open <url>". Prerequisito: `agent-browser` instalado globalmente. Instalar: `npm i -g agent-browser && agent-browser install` Verificar: `agent-browser --version` --- ## Cuándo usar este skill - Verificar que una página renderiza correctamente antes de dar una tarea por terminada - Testear visualmente flujos críticos (login, onboarding, formularios) - Inspeccionar una URL que el usuario proporciona - Capturar screenshots como evidencia de implementación o compliance - Hacer diff visual entre dos versiones de una misma página - Testear responsive en viewport mobile sin abrir DevTools manualmente - Extraer contenido de una URL pública para investigación --- ## Flujo core ```bash # 1. Navegar y ver qué hay agent-browser open <url> agent-browser snapshot -i # accessibility tree — interactive elements only # produce refs @e1, @e2... para interactuar # 2. Interactuar con refs del snapshot agent-browser click @e3 agent-browser fill @e4 "texto" agent-browser snapshot -i # re-snapshot SIEMPRE después de un cambio