Playwright (Automation + MCP + Scraper)

• Páginas renderizadas por JS — o conteúdo que você precisa só existe após a execução do JavaScript (SPAs, tabelas dinâmicas, dados carregados de forma lazy).
• Fluxos de trabalho de navegador em múltiplas etapas — formulários, fluxos de login, uploads/downloads de arquivos ou sequências de navegação que dependem de eventos reais do navegador e do estado do DOM.
• Capturas de tela, PDFs e registro visual de evidências — você precisa de uma saída com precisão de pixel a partir de uma página renderizada, não de HTML bruto.
• Criação e depuração de testes com Playwright — escrever, executar ou corrigir uma suíte @playwright/test, rastrear falhas intermitentes em CI ou reproduzir bugs de interface no modo com interface gráfica.
• Controle de navegador via MCP — o agente já possui ferramentas browser_* no fluxo e você deseja executar workflows de navegar-clicar-preencher-capturar sem escrever novo código de automação.

• HTML estático ou respostas HTTP simples são suficientes — um fetch simples ou skill HTTP é mais rápido, mais barato e menos frágil quando a página não exige renderização JavaScript.
• Tarefas puramente de API — se o serviço alvo possui uma API documentada, chamá-la diretamente é mais confiável do que controlar um navegador.
• A extração é o único objetivo e um caminho sem navegador funciona — prefira APIs documentadas ou HTTP simples antes de inicializar um navegador completo apenas para fazer scraping.

Execute npx @playwright/mcp --headless para expor browser_navigate, browser_click, browser_type, browser_snapshot e mais como ações de ferramenta de primeira classe. Esse caminho não requer nenhum novo código de automação — o agente controla o navegador diretamente por meio de chamadas de ferramenta MCP.

Escreva e execute scripts diretos do Playwright (chromium.launch, page.goto, page.screenshot) ou suítes completas com @playwright/test usando npx playwright test. Suporta execuções com interface gráfica, captura de rastreamento, novas tentativas e workers paralelos prontos para uso.

Use npx playwright codegen <url> para gravar interações e gerar localizadores estáveis. Elimina a necessidade de adivinhar seletores a partir do código-fonte e produz localizadores baseados em função, rótulo e texto que resistem a pequenas mudanças no DOM.

Capture screenshots de página inteira, gere PDFs, grave traces de execução e baixe arquivos — tudo por meio de ações de ferramentas MCP ou chamadas diretas à API do Playwright (Automation + MCP + Scraper). Os artefatos permanecem localmente no espaço de trabalho ou no diretório temporário do sistema.

A skill aplica seletores baseados em role, label, texto e test-ID em vez de CSS/XPath frágeis, e asserções web-first em vez de verificações de comando brutas. A orientação integrada sobre esperas de acionabilidade previne hacks instáveis de temporização baseados em sleep.

Nenhum arquivo oculto, sessão persistente ou chamada de rede não declarada. O estado de autenticação é temporário, a menos que seja explicitamente reutilizado. Fluxos de produção de alto risco exigem confirmação explícita do usuário antes de prosseguir.

Execute e expanda uma suíte @playwright/test existente contra um app local ou de staging. Use npx playwright test --trace on para capturar artefatos de falhas em CI, depois diagnostique instabilidades com o visualizador de trace e re-execuções com interface gráfica.

Deixe um agente navegar em um site, preencher um formulário de múltiplas etapas e capturar uma screenshot — tudo por meio das ações MCP browser_navigate, browser_type, browser_click e browser_snapshot — sem escrever uma única linha de script do Playwright (Automation + MCP + Scraper).

Navegue até uma página renderizada por JavaScript, aguarde o DOM estabilizar e, em seguida, use browser_evaluate ou um script Playwright direto para extrair dados estruturados. Ideal quando o destino não possui API e o conteúdo só aparece após a execução do JavaScript.

Reproduza uma regressão de UI reportada no modo com interface gráfica usando npx playwright test --headed, capture um rastreamento com --trace on e inspecione snapshots de rede, console e DOM para isolar a causa raiz antes de escrever uma correção.