Playwright CLI vs MCP Server: Qual é REALMENTE melhor para o Claude Code?

BBetter Stack
Computing/SoftwareInternet Technology

Transcript

00:00:00O Playwright CLI é a maneira mais recente de usar o Playwright com seu agente de codificação, permitindo gerenciar
00:00:04armazenamento local e de sessão, tirar snapshots, gerenciar abas – basicamente todo o poder do
00:00:09mecanismo do Playwright dentro do seu terminal.
00:00:12Mas por que alguém usaria isso em vez do servidor MCP do Playwright?
00:00:17Na verdade, por que mais CLIs estão sendo criadas a partir de ferramentas que antes eram servidores MCP?
00:00:22Inscreva-se no canal e vamos conferir.
00:00:24Vamos começar testando tanto o Playwright CLI quanto o servidor MCP em uma tarefa simples.
00:00:31Vou pedir para ele me ajudar a testar uma ferramenta em que estou trabalhando para baixar vídeos do
00:00:35Twitter.
00:00:36Vou pedir para o Playwright pegar o link deste tweet, colá-lo aqui, extrair o
00:00:40vídeo, esperar 10 segundos antes de tirar um print, e então limpar o armazenamento local
00:00:45para que o próximo agente comece do zero.
00:00:48Primeiro tentaremos com o Playwright CLI usando o Claude Code e, se o instalarmos,
00:00:54devemos ter a habilidade disponível aqui.
00:00:56Note que ele consome apenas 68 tokens.
00:00:59Agora vou dar este prompt, que diz explicitamente ao agente para usar a
00:01:03habilidade do Playwright CLI, apenas para facilitar as coisas.
00:01:06Agora vou dar enter; ele carrega a habilidade, insere esta URL na caixa de texto, clica em
00:01:11“Extract Video” e então vai esperar por 10 segundos.
00:01:13Agora ele tirou o print, limpou o armazenamento local e fechou o navegador.
00:01:17Está tudo pronto, diz que o print foi salvo aqui, e se dermos uma olhada,
00:01:21podemos ver que mostra que o vídeo foi baixado com sucesso.
00:01:24E tudo isso consumiu cerca de 16% dos tokens.
00:01:27Agora vamos tentar a mesma coisa usando o servidor MCP.
00:01:29Podemos usar o comando MCP para verificar se o temos instalado.
00:01:33E antes de prosseguirmos, vamos dar uma olhada no contexto.
00:01:35Se rolarmos para cima, vemos que 15% do contexto já está sendo usado, porque todas
00:01:41essas ferramentas MCP estão sendo carregadas, o que usa cerca de 3,6 mil tokens.
00:01:46Certo, com isso em mente, usaremos o mesmo prompt.
00:01:50E notem que estou usando as ferramentas do servidor MCP do Playwright, em vez da habilidade CLI.
00:01:55Ele seguiu para usar o servidor MCP, que abre um novo navegador.
00:01:59Em seguida, colou o link na entrada.
00:02:01Depois, vai clicar no botão.
00:02:02Notei que o servidor MCP pede muito mais permissões do que a CLI, o que é normal.
00:02:08E ele teve alguns problemas para tirar o print, talvez porque eu já tenha um arquivo
00:02:12com este nome.
00:02:13Na verdade, tentei novamente com o servidor MCP do Playwright e, mesmo tentando com um
00:02:17nome de print diferente, ele teve problemas várias vezes ao tentar extrair o print.
00:02:22E agora terminou.
00:02:23Ele conseguiu fazer tudo, exceto tirar o print.
00:02:26Mas vamos olhar o contexto agora, e vemos que usou 35 mil, o que representa 18%.
00:02:32Apenas um pouco mais que a CLI, sendo que a maior parte foi ocupada pelas ferramentas MCP.
00:02:37Mas existe uma maneira de fazer exatamente o mesmo conjunto de tarefas usando um pouco menos de contexto,
00:02:43sobre a qual falarei mais adiante no vídeo.
00:02:45Eu sei que este é apenas um exemplo, e pode haver cenários onde o servidor MCP
00:02:51use menos tokens do que o Playwright CLI, dependendo da tarefa, embora eu duvide.
00:02:56E você pode até pensar: “bem, a diferença entre 16 e 18% não é tão grande”.
00:03:02Mas a CLI tem outras vantagens sobre o servidor MCP.
00:03:06Por padrão, o servidor MCP do Playwright não expõe todas as ferramentas disponíveis.
00:03:11Na verdade, você teria que ativar ferramentas extras, como geração de PDF ou rastreamento,
00:03:16para usá-las, porque elas ocupam muito contexto.
00:03:19A CLI, no entanto, não tem essa limitação.
00:03:22De fato, todas as ferramentas estão disponíveis desde o início.
00:03:25E a CLI não é boa apenas para agentes, é boa para humanos também, pois para tarefas que
00:03:29você faz repetidamente, ou até para testes de ponta a ponta, você pode criar um script bash simples
00:03:34que um humano pode rodar para verificar os resultados, e que um agente também pode executar.
00:03:39Mas isso não significa que o servidor MCP seja inútil, porque se você estiver criando um loop de agente
00:03:44para rodar em qualquer lugar, como no navegador, desktop ou apps móveis, e não apenas no
00:03:49terminal, o servidor MCP é perfeito para isso, pois é um protocolo padrão que
00:03:54os agentes usam para acessar ferramentas. E como o Playwright roda código JavaScript ou TypeScript, você pode
00:03:59executar esse código em qualquer ambiente que suporte o runtime de JavaScript.
00:04:03já que foi projetada para rodar em segundo plano em agentes de codificação.
00:04:09já que foi projetado para rodar em segundo plano, em agentes de codificação.
00:04:13E se você se preocupa em reduzir os tokens no servidor MCP do Playwright, pode configurá-lo
00:04:17ligando ou desligando certas ferramentas.
00:04:20Na verdade, se o seu objetivo é usar o mínimo de tokens possível, então você não deveria usar a
00:04:26CLI do Playwright também, porque o navegador de agente da Sell roda o Playwright por baixo, mas tem uma
00:04:32CLI em Rust, o que o torna mais rápido e projetado para usar menos tokens que o Playwright, como você viu no
00:04:38meu exemplo anterior.
00:04:39Confira o próximo vídeo para aprender tudo sobre o Agent Browser e levar as habilidades de
00:04:43navegação do seu agente de codificação para o próximo nível.

Key Takeaway

Embora o MCP seja o padrão para interoperabilidade de agentes, o Playwright CLI oferece uma alternativa mais leve, completa e eficiente em termos de consumo de contexto para ferramentas de linha de comando como o Claude Code.

Highlights

O Playwright CLI oferece controle total do motor Playwright diretamente no terminal para agentes de IA.

A CLI consome significativamente menos tokens iniciais (68 tokens) comparada ao servidor MCP (3,6 mil tokens).

O servidor MCP do Playwright limita ferramentas por padrão para economizar contexto, enquanto a CLI disponibiliza tudo nativamente.

A CLI é versátil, permitindo a criação de scripts bash que servem tanto para automação por agentes quanto para execução humana.

O protocolo MCP continua superior para integrações em ecossistemas variados como navegadores, desktop e aplicativos móveis.

O Agent Browser da Sell é mencionado como uma alternativa em Rust ainda mais eficiente em consumo de tokens.

Timeline

Introdução ao Playwright CLI e MCP

O apresentador introduz o Playwright CLI como a ferramenta mais recente para gerenciar armazenamento, abas e snapshots em agentes de codificação. Ele questiona a tendência de transformar servidores MCP em CLIs e vice-versa no ecossistema atual. O vídeo propõe um comparativo direto entre as duas abordagens usando o Claude Code como base. A promessa é revelar qual método realmente oferece mais poder dentro do terminal. Este segmento estabelece o cenário tecnológico para os testes práticos que virão a seguir.

Teste Prático com Playwright CLI

O primeiro teste envolve uma tarefa de extração de vídeo do Twitter para validar as habilidades da CLI. O autor destaca que a instalação da habilidade consome apenas 68 tokens, uma fração mínima do contexto total. Durante a execução, o agente navega pela URL, clica em botões, aguarda o processamento e limpa o armazenamento local com sucesso. O resultado final é um print salvo que confirma o sucesso da operação utilizando cerca de 16% dos tokens totais. Esta seção demonstra a eficiência e a precisão da interface de linha de comando em tarefas de automação web.

Comparativo com Servidor MCP

Ao trocar para o servidor MCP, nota-se imediatamente um uso de contexto de 3,6 mil tokens antes mesmo do início da tarefa. O processo exige mais permissões do usuário e apresenta instabilidades técnicas, falhando repetidamente ao tentar capturar o print da tela. No final, o consumo de tokens sobe para 18%, superando o gasto da CLI apesar da falha em uma das etapas. O narrador sugere que, embora a diferença percentual pareça pequena, o impacto no contexto acumulado é relevante. O teste evidencia que o overhead do protocolo MCP pode introduzir atritos desnecessários em fluxos de trabalho simples.

Vantagens Técnicas e Extensibilidade

A análise foca nas limitações de ferramentas do servidor MCP, que muitas vezes oculta funcionalidades como geração de PDF para economizar memória. Em contraste, a CLI oferece acesso irrestrito a todas as funcionalidades do Playwright desde o primeiro comando. Outro ponto forte mencionado é a utilidade para desenvolvedores humanos, que podem reutilizar scripts bash criados pelos agentes de IA. Essa simbiose entre humano e máquina é facilitada pela natureza da linha de comando. A discussão reforça que a escolha da ferramenta deve considerar a profundidade das funcionalidades exigidas pelo projeto.

Casos de Uso do MCP e Alternativas Futuras

O autor esclarece que o servidor MCP não é obsoleto, sendo ideal para ambientes que não se limitam ao terminal, como interfaces gráficas e mobile. O protocolo padronizado facilita a comunicação entre diferentes sistemas onde o JavaScript pode ser executado. Para usuários focados em economia extrema de tokens, é apresentado o Agent Browser da Sell, desenvolvido em Rust para maior velocidade. O vídeo encerra incentivando o público a explorar ferramentas que otimizem a navegação dos agentes. O encerramento conecta as lições aprendidas com as próximas tendências em agentes autônomos de navegação.

Community Posts

No posts yet. Be the first to write about this video!

Write about this video