Playwright CLI: Cómo controlar el navegador con IA y ahorrar tokens
Actualmente, muchos desarrolladores están utilizando IA para automatizar tareas en el navegador, como testing de interfaces, scraping o verificación de funcionalidades en aplicaciones web.
Herramientas como Playwright ya permiten hacer esto desde hace tiempo, pero recientemente ha aparecido una forma bastante interesante de utilizarlo: Playwright CLI.
Esta versión permite controlar el navegador directamente desde la terminal, lo que abre la puerta a integrarlo fácilmente con agentes de IA como Claude Code, GPT Codex, Cursor, VS Code o cualquier herramienta que tenga acceso a comandos del sistema.
Qué es Playwright
Playwright es una herramienta que permite manipular un navegador utilizando código.
Se usa principalmente para:
- Testing de aplicaciones web
- Automatización de interfaces
- Scraping
- Verificación automática de funcionalidades
Es muy común en proyectos de frontend con tecnologías como:
- React
- Next.js
- Vue
- Angular
Playwright con IA
Hoy en día muchos desarrolladores están utilizando IA para escribir automáticamente los tests o incluso ejecutar tareas en el navegador.
Existen dos formas comunes de hacerlo:
Usando MCP
Los MCP (Model Context Protocol) permiten que herramientas de IA interactúen con el navegador.
Por ejemplo desde:
- Claude Code
- GPT Codex
- Cursor
- VS Code con agentes
Esto funciona bien, pero puede consumir muchos tokens, ya que el modelo recibe constantemente el contexto del navegador.
La alternativa: Playwright CLI
Playwright también puede utilizarse desde la línea de comandos.
Esto significa que podemos instalar un comando en nuestro sistema que controle el navegador.
Ventajas:
- Menor consumo de tokens
- Ejecución más rápida
- Integración directa con agentes de IA
- Automatización desde la terminal
Instalación
Primero verifica que tienes Node.js:
node --version
Luego instala Playwright CLI:
npm install -g playwright-cli
Comprueba la instalación:
playwright-cli --version
Uso básico
Abrir una página:
playwright open https://example.com
Escribir texto:
playwright type "Hello world"
Presionar una tecla:
playwright press Enter
Tomar screenshot:
playwright screenshot
Modo headless vs headed
Headless
El navegador se ejecuta en segundo plano.
Ideal para:
- testing automático
- scraping
- automatización
Headed
El navegador se muestra en pantalla.
--headed
Permite ver paso a paso lo que hace la automatización.
Uso con agentes de IA
Playwright CLI puede ser utilizado por agentes como:
- Claude Code
- Codex
- Cursor
- herramientas CLI de modelos
La IA puede ejecutar comandos para:
- abrir páginas
- llenar formularios
- ejecutar tests
- tomar screenshots
Todo esto con menos consumo de tokens.
Sesiones
Playwright CLI permite manejar múltiples sesiones de navegador.
Para verlas:
playwright show
Esto permite administrar múltiples navegadores ejecutándose al mismo tiempo.
Skills
También es posible instalar skills para integrarlo con herramientas de IA.
playwright install-skills
Esto crea configuraciones para que los agentes puedan utilizar Playwright automáticamente.
CLI vs MCP
Usa MCP cuando
- trabajas en interfaces visuales
- no tienes acceso a terminal
- quieres ver navegación paso a paso
Usa CLI cuando
- tienes acceso a la terminal
- quieres ahorrar tokens
- necesitas automatizar tareas rápidamente
Conclusión
Playwright CLI es una forma muy eficiente de automatizar navegadores usando IA.
Permite:
- ejecutar testing automático
- automatizar tareas web
- ahorrar tokens
- acelerar flujos de desarrollo
Si estás explorando herramientas de automatización con IA, Playwright CLI es una opción que definitivamente deberías probar.