playwright-cli para Openclaw

Uma interface de linha de comando abrangente para o Playwright que permite interação perfeita com o navegador, gerenciamento de estado e testes web automatizados.

lushi516
v0.1.9
Apr 30, 2026
0
889
0

Instalar e Baixar

1. ClawHub CLI

A maneira mais rápida de instalar uma habilidade diretamente do registro.

npx clawhub@latest install microsoft-playwright-cli

2. Instalação Manual

Copie a pasta da habilidade para um desses locais

Global
~/.openclaw/skills/
Espaço de trabalho
<project>/skills/

Prioridade: Espaço de Trabalho > Local > Integrado

3. Instalação do Prompt

Copie este prompt para o OpenClaw para instalá-lo automaticamente.

Ajude-me a instalar o microsoft-playwright-cli usando o Clawhub. Se o Clawhub não estiver instalado, instale-o primeiro (npm i -g clawhub).

Prefere baixar?

Obtenha os arquivos originais da habilidade em um arquivo ZIP.

O que é playwright-cli?

O playwright-cli é uma ferramenta robusta de automação de navegador projetada para desenvolvedores que precisam interagir com páginas web diretamente de seu terminal ou dentro de fluxos de trabalho automatizados. Como parte da coleção Openclaw Skills, ele fornece uma abstração de alto nível sobre a biblioteca Playwright, permitindo a execução rápida de tarefas complexas de navegador, como clicar, digitar e enviar formulários, sem a necessidade de escrever scripts completos.

Esta habilidade é particularmente valiosa por sua capacidade de lidar com tecnologias web modernas, fornecendo recursos como geração de snapshots, simulação de requisições de rede (mocking) e gerenciamento de múltiplas abas. Ele preenche a lacuna entre a navegação manual e o teste automatizado em larga escala, tornando-se um item essencial para qualquer pessoa que utilize Openclaw Skills para pesquisa web ou desenvolvimento frontend.

Casos de uso do playwright-cli

  • Automação de envios repetitivos de formulários e tarefas de entrada de dados.
  • Geração e inspeção de snapshots de UI para verificar layouts de página.
  • Depuração de requisições de rede e logs de console em um navegador headless ou headed.
  • Captura programática de capturas de tela (screenshots) e PDFs de alta qualidade de conteúdo web.
  • Gerenciamento de estados complexos de autenticação salvando e carregando cookies e localStorage do navegador.

Como o playwright-cli funciona

  1. Inicie uma instância do navegador usando o comando open ou attach para começar uma sessão.
  2. Execute comandos de interação como goto, click ou fill usando referências simplificadas de elementos dos snapshots.
  3. Analise o estado da página por meio de snapshots automáticos ou manuais que fornecem representações do DOM baseadas em YAML.
  4. Gerencie o ambiente usando comandos especializados para abas, estado de armazenamento e roteamento de rede.
  5. Encerre a sessão ou salve o estado persistente para futuras tarefas de automação.

Configuração do playwright-cli

Para começar com esta habilidade, verifique se o comando está disponível via npx ou instale-o globalmente usando npm:

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

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

Esquema de Dados e Taxonomia de playwright-cli

A habilidade gerencia dados do navegador e snapshots por meio de um diretório estruturado e tipos de arquivo específicos:

Tipo de Dado Formato Descrição
Snapshots .yml Arquivos YAML contendo a estrutura da página e referências de elementos (ex: e1, e2).
Auth State .json Armazenamento de cookies e localStorage para persistir sessões.
Media .png / .pdf Saídas visuais dos comandos screenshot e pdf.
Tracing .zip Arquivos de rastreamento do Playwright para depuração profunda de interações.

Recursos avançados do playwright-cli

  • Sessões Nomeadas: Execute múltiplas instâncias isoladas do navegador simultaneamente usando a flag -s.
  • Mocking de Requisições: Intercepte e modifique o tráfego de rede com códigos de status e corpos de resposta personalizados.
  • Execução de JavaScript: Avalie scripts personalizados diretamente no contexto da página usando os comandos eval e run-code.
  • Depuração Visual: Utilize o recurso show --annotate para destacar e rotular interativamente os elementos da UI para melhor contexto.
  • Integração CDP: Conecte-se a instâncias existentes do Chrome ou Edge via Chrome DevTools Protocol.

SKILL.md


Carregamento

Habilidades relacionadas do Openclaw

METADATA

Github Stars: 0
forks: 0

Apresentou*