Playwright (Automation + MCP + Scraper)

• Páginas renderizadas con JS — el contenido que necesitas solo existe después de que JavaScript se ejecuta (SPAs, tablas dinámicas, datos cargados de forma diferida).
• Flujos de trabajo de navegador en varios pasos — formularios, flujos de inicio de sesión, cargas/descargas de archivos o secuencias de navegación que dependen de eventos reales del navegador y del estado del DOM.
• Capturas de pantalla, PDFs y captura de evidencia visual — necesitas una salida con precisión de píxeles desde una página renderizada, no HTML sin procesar.
• Creación y depuración de pruebas con Playwright — escribir, ejecutar o corregir una suite @playwright/test, rastrear fallos intermitentes en CI o reproducir errores de interfaz en modo con cabeza (headed).
• Control del navegador dirigido por MCP — el agente ya tiene herramientas browser_* en el flujo y deseas flujos de trabajo de navegar-hacer clic-rellenar-capturar pantalla sin escribir nuevo código de automatización.

• El HTML estático o las respuestas HTTP simples son suficientes — un simple fetch o una habilidad HTTP es más rápida, económica y menos frágil cuando la página no requiere renderizado de JavaScript.
• Tareas puramente de API — si el servicio de destino tiene una API documentada, llamarla directamente es más confiable que manejar un navegador.
• La extracción es el único objetivo y existe una ruta sin navegador que funciona — prefiere las APIs documentadas o el HTTP simple antes de iniciar un navegador completo solo para hacer scraping.

Ejecuta npx @playwright/mcp --headless para exponer browser_navigate, browser_click, browser_type, browser_snapshot y más como acciones de herramienta de primera clase. Este enfoque no requiere nuevo código de automatización — el agente controla el navegador directamente a través de llamadas a herramientas MCP.

Escribe y ejecuta scripts directos de Playwright (chromium.launch, page.goto, page.screenshot) o suites completas de @playwright/test con npx playwright test. Compatible con ejecuciones con interfaz gráfica, captura de trazas, reintentos y trabajadores en paralelo sin configuración adicional.

Utiliza npx playwright codegen <url> para grabar interacciones y generar localizadores estables. Elimina la necesidad de adivinar selectores desde el código fuente y produce localizadores basados en roles, etiquetas y texto que sobreviven a cambios menores en el DOM.

Captura capturas de pantalla de página completa, genera PDFs, registra trazas de ejecución y descarga archivos — todo mediante acciones de herramientas MCP o llamadas directas a la API de Playwright (Automation + MCP + Scraper). Los artefactos se almacenan localmente en el espacio de trabajo o en el directorio temporal del sistema.

La habilidad impone selectores de rol, etiqueta, texto e ID de prueba sobre los frágiles selectores CSS/XPath, y aserciones web-first sobre comprobaciones de comandos directos. La orientación integrada sobre las esperas de accionabilidad previene los inestables trucos de temporización basados en sleep.

Sin archivos ocultos, sesiones persistentes ni llamadas de red no declaradas. El estado de autenticación es temporal a menos que se reutilice explícitamente. Los flujos de producción de alto riesgo requieren confirmación explícita del usuario antes de continuar.

Ejecuta y amplía una suite @playwright/test existente contra una aplicación local o de staging. Usa npx playwright test --trace on para capturar artefactos en fallos de CI, luego diagnostica la inestabilidad con el visor de trazas y re-ejecuciones en modo con interfaz gráfica.

Permite que un agente navegue por un sitio, complete un formulario de varios pasos y capture una captura de pantalla — todo mediante las acciones MCP browser_navigate, browser_type, browser_click y browser_snapshot — sin escribir una sola línea de script de Playwright (Automation + MCP + Scraper).

Navega a una página renderizada con JS, espera a que el DOM se estabilice y luego usa browser_evaluate o un script directo de Playwright (Automation + MCP + Scraper) para extraer datos estructurados. Ideal cuando el objetivo no tiene API y el contenido solo aparece después de que JavaScript se ejecuta.

Reproduce una regresión de interfaz de usuario reportada en modo con cabecera usando npx playwright test --headed, captura un rastreo con --trace on, e inspecciona instantáneas de red, consola y DOM para aislar la causa raíz antes de escribir una corrección.