Playwright MCP - servidor MCP para automação de navegador web para LLMs

• Servidor MCP (Model Context Protocol) baseado em Playwright
• Fornece snapshots de acessibilidade estruturados para que LLMs possam interagir com páginas web, sendo rápido e leve
• Implementa automação web usando apenas dados estruturados baseados em texto, sem screenshots nem modelos de visão
• Usos: navegação em páginas web e preenchimento automático de formulários, extração de dados de conteúdo estruturado, testes de automação baseados em LLM, controle geral de navegador web baseado em agentes

Instalação

• config

  {  
    "mcpServers": {  
      "playwright": {  
        "command": "npx",  
        "args": [  
          "@playwright/mcp@latest"  
        ]  
      }  
    }  
  }  
  

• Instalação direta no VSCode: Install in VS Code Insiders
  • Após a instalação, é possível usar o Playwright MCP no agente do GitHub Copilot do VSCode

Lista de ferramentas do modo Snapshot

• browser_navigate: navegar para uma URL
• browser_go_back / go_forward: voltar/avançar
• browser_click / hover / drag: clicar, passar o mouse, arrastar elementos
• browser_type: inserir texto em um campo (opção: submit)
• browser_select_option: selecionar em um menu suspenso
• browser_press_key: pressionar uma tecla do teclado
• browser_snapshot: capturar snapshot de acessibilidade
• browser_save_as_pdf: salvar a página como PDF
• browser_wait: aguardar o tempo especificado (time de no máximo 10 segundos)
• browser_close: fechar a página

Lista de ferramentas do modo Vision

• browser_navigate / go_back / go_forward
• browser_screenshot: capturar screenshot
• browser_move_mouse / click / drag: controle do mouse baseado em coordenadas
• browser_type: inserir texto em uma posição por coordenadas
• browser_press_key
• browser_save_as_pdf
• browser_wait
• browser_close

[yangeok]

Conectei o Playwright MCP ao cursor, mas ele nem consegue ler a página da NamuWiki..

[asheswook]

Acho que provavelmente é por causa do bloqueio contra bots.

[crawler]

Ontem, quando vi, não tinha percebido, mas é da Microsoft mesmo, haha. Vou testar.

[GN⁺]

Comentários do Hacker News

• Esta ferramenta é muito boa. Tenho tido muito sucesso usando-a com o Claude Code

  • Deixei uma instrução no CLAUDE.md para validar as mudanças com o Playwright
  • Ele inicia automaticamente o servidor de desenvolvimento, navega até a página alterada e verifica se as mudanças funcionam
  • Se houver algo inesperado, ele mesmo corrige
  • Parece realmente que estou trabalhando com um excelente engenheiro de nível intermediário
  • Este é realmente um momento impressionante

• Usa ariaSnapshot para fornecer uma representação acessível do DOM

  • Porém, ao navegar para algo como o Gmail, o contexto do modelo se esgota rapidamente
  • Estou experimentando uma representação textual mais concisa da página
  • Usa a própria sessão do Chrome e não precisa de um contexto tão grande
  • Também poderia ser refatorado para uma interface aria utilizável no CDP

• Vou combiná-lo com o JIRA MCP para ler as "etapas de reprodução" de tickets de bug e verificar se eles realmente podem ser reproduzidos

  • Não consigo entender as críticas ao MCP
  • É realmente interessante ver a explosão cambriana de "conectores"
  • Isto será a "app store" para modelos que os Custom GPTs da OpenAI não conseguiram se tornar

• A nova ferramenta da Microsoft parece ser uma concorrente do MCP-Playwright

  • A ferramenta da Microsoft parece mais simples, enquanto a outra tem mais funcionalidades

• Excelente lançamento. Mas fico me perguntando por que ele não oferece suporte à API original do Playwright e suporta apenas um subconjunto de ações

• Não conheço o Playwright, mas estou curioso sobre como ele difere do Puppeteer

  • O problema com o Puppeteer é que às vezes ele não acerta de primeira o JavaScript correto para concluir tarefas simples, como aceitar banners de consentimento de cookies

• Já enviei várias vezes e gostaria de ouvir mais histórias

  • Também existe o Fetch-MCP, que é baseado em Playwright e oferece suporte a batching. Seria interessante comparar

• Precisamos de um MCP para Capybara, para que os LLMs possam escrever meus testes de sistema em Rails e depurá-los quando não funcionarem

• code --add-mcp

  • Será que o Vscode tem um cliente MCP embutido?

• Fico me perguntando se esta ferramenta é voltada para automação de testes ou para usar o Playwright como um "Operator" em agentes