playwright-cli para Openclaw

Una interfaz de línea de comandos integral para Playwright que permite una interacción fluida con el navegador, gestión de estados y pruebas web automatizadas.

lushi516
v0.1.9
Apr 30, 2026
0
889
0

Instalar y Descargar

1. ClawHub CLI

La forma más rápida de instalar una habilidad directamente desde el registro.

npx clawhub@latest install microsoft-playwright-cli

2. Instalación manual

Copia la carpeta de la habilidad a una de estas ubicaciones

Global
~/.openclaw/skills/
Espacio de trabajo
<project>/skills/

Prioridad: Espacio de trabajo > Local > Integrado

3. Instalación del prompt

Copia este prompt en OpenClaw para instalarlo automáticamente.

Ayúdame a instalar microsoft-playwright-cli usando Clawhub. Si Clawhub no está instalado, instálalo primero (npm i -g clawhub).

¿Prefieres descargar?

Obtén los archivos originales de la habilidad en un archivo ZIP.

¿Qué es playwright-cli?

El playwright-cli es una robusta herramienta de automatización de navegadores diseñada para desarrolladores que necesitan interactuar con páginas web directamente desde su terminal o dentro de flujos de trabajo automatizados. Como parte de la colección Openclaw Skills, proporciona una abstracción de alto nivel sobre la biblioteca Playwright, lo que permite la ejecución rápida de tareas complejas en el navegador, como hacer clic, escribir y enviar formularios, sin necesidad de escribir scripts completos.

Esta habilidad es particularmente valiosa por su capacidad para manejar tecnologías web modernas, ofreciendo funciones como generación de instantáneas (snapshots), simulación de solicitudes de red (mocking) y gestión de múltiples pestañas. Cierra la brecha entre la navegación manual y las pruebas automatizadas a gran escala, convirtiéndose en un elemento básico para cualquiera que utilice Openclaw Skills para investigación web o desarrollo frontend.

Casos de uso de playwright-cli

  • Automatización de envíos de formularios repetitivos y tareas de entrada de datos.
  • Generación e inspección de instantáneas de UI para verificar diseños de página.
  • Depuración de solicitudes de red y registros de consola en un navegador headless o headed.
  • Captura programática de capturas de pantalla y PDFs de alta calidad de contenido web.
  • Gestión de estados de autenticación complejos guardando y cargando cookies y localStorage del navegador.

Cómo funciona playwright-cli

  1. Inicie una instancia del navegador utilizando el comando open o attach para comenzar una sesión.
  2. Ejecute comandos de interacción como goto, click o fill utilizando referencias de elementos simplificadas de las instantáneas.
  3. Analice el estado de la página a través de instantáneas automáticas o manuales que proporcionan representaciones del DOM basadas en YAML.
  4. Gestione el entorno utilizando comandos especializados para pestañas, estado de almacenamiento y enrutamiento de red.
  5. Finalice la sesión o guarde el estado persistente para futuras tareas de automatización.

Configuración de playwright-cli

Para comenzar con esta habilidad, verifique si el comando está disponible a través de npx o instálelo globalmente usando npm:

# Check for local version
npx --no-install playwright-cli --version

# Global installation
npm install -g @playwright/cli@latest

Esquema de datos y taxonomía de playwright-cli

La habilidad gestiona los datos del navegador y las instantáneas a través de un directorio estructurado y tipos de archivos específicos:

Tipo de dato Formato Descripción
Snapshots .yml Archivos YAML que contienen la estructura de la página y referencias de elementos (ej. e1, e2).
Auth State .json Almacenamiento de cookies y localStorage para persistir sesiones.
Media .png / .pdf Salidas visuales de los comandos screenshot y pdf.
Tracing .zip Archivos de traza de Playwright para una depuración profunda de las interacciones.

Funciones avanzadas de playwright-cli

  • Sesiones con nombre: Ejecute múltiples instancias de navegador aisladas simultáneamente usando el flag -s.
  • Mocking de solicitudes: Intercepte y modifique el tráfico de red con códigos de estado y cuerpos personalizados.
  • Ejecución de JavaScript: Evalúe scripts personalizados directamente en el contexto de la página usando los comandos eval y run-code.
  • Depuración visual: Utilice la función show --annotate para resaltar y etiquetar interactivamente elementos de la interfaz de usuario para un mejor contexto.
  • Integración CDP: Conéctese a instancias existentes de Chrome o Edge a través del Chrome DevTools Protocol.

SKILL.md


Cargando

Habilidades relacionadas de Openclaw

METADATA

Github Stars: 0
forks: 0

Presentado*