Setup Completo: do zero ao Claude Code · Capítulo 13 de 18 · 15 min
Deixe o Claude operar o seu Chrome (avançado, opcional)
Pesquisa de preço, leitura de página e conferência de formulário passam a caber num pedido em português.
Este capítulo faz parte do curso gratuito Setup Completo: do zero ao Claude Code.
Selo: Avançado (opcional). Este passo amplia o que o Claude consegue fazer, sem ser obrigatório. Pule agora se estiver começando, porque nada no restante do curso depende dele. Quando quiser, ele mostra como dar ao Claude Code acesso ao seu navegador Chrome para abrir páginas, ler conteúdo e preencher formulários.
O que isso muda no seu dia
Até agora o Claude Code mexe nos arquivos do seu computador: é o estagiário com acesso ao seu escritório. Com este módulo, ele também passa a navegar na internet pelo seu Chrome: abrir páginas, ler o que está escrito, preencher formulários, tirar prints. É como contratar um motorista para o mesmo estagiário: agora ele pode ir até a Receita Federal pegar um documento, abrir o LinkedIn, ler manchete no G1, sem você precisar levantar do sofá. Suponha uma loja que confere toda manhã o preço dos concorrentes: o pedido vira uma frase, e o Claude abre as páginas e traz os valores.
VOCÊ CLAUDE CODE MCP BRIDGE EXTENSÃO CHROME │ │ │ │ │ │ "resuma G1" │ │ │ │ ├───────────────────▶│ │ │ │ │ │ abrir aba │ │ │ │ ├─────────────────▶│ │ │ │ │ │ comando │ │ │ │ ├─────────────▶│ │ │ │ │ │ abre URL │ │ │ │ ├───────────▶│ │ │ │ │ │ │ │ │ │ ◀──── DOM ┤ │ │ │ ◀── texto ──┤ │ │ │ ◀──── leitura ──┤ │ │ │ ◀── resumo PT ────┤ │ │ │ As 3 peças (Bridge + Extensão + Chrome) precisam estar vivas ao mesmo tempo.
Exemplos do que você vai poder pedir depois deste módulo
- "Abra o site da Folha e me resuma as 5 manchetes do dia"
- "Entre no meu LinkedIn e me liste as últimas notificações"
- "Abra esta página de produto na Amazon e me diga o preço e a avaliação"
- "Abra meu Google Drive e me liste as pastas"
┌─────────────────────────────────────────────────────────────────┐ │ Google Chrome — □ × │ ├─────────────────────────────────────────────────────────────────┤ │ ← → 🔒 https://g1.globo.com 🔍 ⊞ 🤖 ✓ │ ├─────────────────────────────────────────────────────────────────┤ │ │ │ G1 GLOBO │ │ Seu portal de notícias │ │ │ │ MANCHETE: [título da notícia mais recente] │ │ │ │ ... conteúdo da página ... │ │ │ │ ─────────────────────────────────────────────────────────────── │ │ ┌───────────────────────────────────────────────────────────┐ │ │ │ Claude Code lendo esta página... │ │ │ │ ✓ DOM capturado ✓ Texto extraído ✓ Enviando ao LLM │ │ │ └───────────────────────────────────────────────────────────┘ │ └─────────────────────────────────────────────────────────────────┘ ↑ O ícone 🤖 indica que a extensão está ativa e logada.
Vamos fazer isso em duas partes: instalar a extensão Claude for Chrome e conectar o Claude Code a ela com um único comando, sem editar nenhum arquivo.
Parte A: instale a extensão Claude for Chrome.
- 01Abra o Chrome.
- 02Na barra de endereço, vá em chromewebstore.google.com
- 03No campo de busca em cima à esquerda, digite Claude for Chrome.
- 04Procure a extensão com o selo de "Anthropic" (em azul): é a oficial.
- 05Clique nela. Na página da extensão, clique no botão azul "Usar no Chrome" (ou "Add to Chrome").
- 06Confirme clicando em "Adicionar extensão" na janelinha que aparece.
- 07A extensão é instalada em 5 segundos. Vai aparecer um ícone do Claude na barra de extensões (canto superior direito do Chrome).
- 08Clique no ícone do Claude. Faça login com a mesma conta paga da Anthropic que você já assinou no passo da conta Claude.
Não viu o ícone do Claude no canto superior direito? Clique no ícone de peça de quebra-cabeça (também canto superior direito) → procure "Claude" na lista → clique no alfinete para fixar.
Na Parte B, você conecta o Claude Code ao Chrome com um comando
A boa notícia: você não precisa editar nenhum arquivo de configuração. O Claude Code conversa com a extensão do Chrome através de um comando embutido chamado /chrome.
- 01Volte ao Claude Code (no PowerShell ou no terminal do VS Code). Se não estiver aberto, digite
claudee aperte Enter. - 02Mantenha o Chrome aberto, com a extensão Claude for Chrome instalada e logada (Parte A).
- 03Dentro do Claude Code, digite o comando abaixo e aperte Enter:
/chromeNa primeira vez, o Claude Code instala sozinho a "ponte" que liga ele ao navegador (um conector chamado *native messaging host*) e pede para você autorizar a conexão na extensão. Clique em conectar/autorizar na janelinha da extensão do Chrome. Pronto: nenhum JSON para editar à mão.
Requisitos para o /chrome funcionar: uma versão recente do Claude Code e da extensão Claude for Chrome, ambos logados na mesma conta paga da Anthropic. A extensão muda de comportamento entre versões, então mantenha as duas peças atualizadas (claude update resolve o lado do terminal). Se a extensão não for detectada de primeira, feche e reabra o Chrome e rode /chrome de novo.
Parte C: o teste.
- 01Com o Chrome aberto e o
/chromejá conectado (Parte B), dentro do Claude Code digite o pedido abaixo e aperte Enter:
Abra a página https://g1.globo.com no Chrome e me diga o título da manchete principalAperte Enter. Você vai ver uma janela do Chrome ganhando foco, a página do G1 abrindo, e o Claude lendo. Ele responde no terminal com a manchete.
O Chrome precisa estar aberto com a extensão Claude for Chrome instalada e logada para isso funcionar. Se você fechar o Chrome enquanto o Claude está navegando, ele perde o acesso. Mantenha pelo menos uma aba do Chrome aberta sempre que for usar este recurso.
Alternativa avançada (opcional), para quem quiser mais controle
Se um dia você precisar de automação mais profunda (inspecionar a rede, medir performance, depurar a fundo), existe um servidor MCP separado construído sobre o Chrome DevTools Protocol. Você adiciona com um comando, sem editar JSON na mão:
claude mcp add chrome-devtools --scope user -- npx chrome-devtools-mcp@latestRepare no -- antes do comando do servidor: ele separa as opções do próprio claude mcp add (como --scope user) do comando que será executado (npx chrome-devtools-mcp@latest). Sem esse separador, o Claude Code pode confundir as duas partes.
Para começar, fique com o /chrome da Parte B: é mais simples e cobre 99% dos casos (abrir página, ler, clicar, tirar print). O chrome-devtools-mcp é para quando você já estiver confortável e precisar de inspeção técnica do navegador. Confirme qualquer MCP ativo com o comando /mcp dentro do Claude Code. Conectores parados quase não pesam: o Claude carrega só o nome de cada ferramenta e busca o manual completo quando vai usar.
Exemplos do que você vai poder pedir depois (em português puro): "abra o LinkedIn e me liste as últimas 5 notificações", "vá no Gmail e me resuma os emails não lidos", "abra o site do Banco do Brasil e me diga se a página está fora do ar", "entre no meu Drive e me liste as pastas em ordem alfabética". Pense no Claude como uma estagiária remota que tem acesso ao seu navegador via o Chrome do seu Windows.
✓ PODE: ✗ NÃO PODE (sem sua permissão): ──────────────────────────────── ──────────────────────────────── Abrir URLs em abas novas Acessar sem você saber Ler texto visível da página Capturar senhas digitadas Clicar em botões e links Acessar outras extensões Preencher formulários Modificar o Chrome em si Rolar a página Acessar arquivos locais sem Ler o título da aba permissão explícita Tirar screenshot da aba O MCP funciona como "assistente de tela" — ele vê o que você veria na frente do monitor. Não tem acesso privilegiado além da janela visível.
Rode /chrome, autorize na extensão e peça a manchete do G1. Acertou se o Chrome ganha foco sozinho, a página abre e a manchete volta escrita no terminal em menos de um minuto. Antes de usar em site com login, como banco ou e-mail, releia o quadro acima e decida quais páginas o Claude pode abrir.
Seu caderno neste capítulo
Abrir o caderno completoSelecione um trecho do capítulo para destacar ou anotar. Nos vídeos e áudios, use Anotar este momento. No teclado, selecione com Shift e as setas e use Alt+Shift+D para destacar ou Alt+Shift+N para anotar.
Salvo neste navegador. Entre na sua conta para levar o caderno a outros aparelhos.
Entre na sua conta para compartilhar o que aprendeu e convidar alguém para estudar com você.
Conexões deste capítulo
Veja o que estudar antes e para onde seguir depois, explore os conceitos e compare abordagens em outros cursos. Sugestões marcadas como “sugerido pelo grafo” vêm dos assuntos em comum, não do índice do curso.
Depois, siga para
- CursoClaude Code CLI: Programação com IA
- CursoAgentes de código para executivossugerido pelo grafoO Setup ensina permissões, contexto do projeto e escolha de modelo por custo. Essa preparação sustenta os exercícios de comparação de assistentes, criação do gerador de UTM e regras de projeto no curso de aprendizado por reforço e vibecoding.
- CursoSetup de Vibecoding no Macsugerido pelo grafo11 capítulos de “Setup de Vibecoding no Mac” usam conceitos apresentados em “Setup Completo: do zero ao Claude Code”.
- CursoVídeo com IA: Claude Code, Codex e ElevenLabssugerido pelo grafo7 capítulos de “Vídeo com IA: Claude Code, Codex e ElevenLabs” usam conceitos apresentados em “Setup Completo: do zero ao Claude Code”.
Conceitos deste capítulo
O mesmo assunto em outros cursos
- Setup de Vibecoding no MacDar ao Claude controle do Google ChromeExaminar conexões de Dar ao Claude controle do Google Chrome
- MCP com Chrome: Automação com IAInstalar a extensão no seu Chrome e religar quando ela cairExaminar conexões de Instalar a extensão no seu Chrome e religar quando ela cair
- Claude Code CLI: Programação com IARevisar o plano antes de agir e ligar suas ferramentasExaminar conexões de Revisar o plano antes de agir e ligar suas ferramentas
Leve uma ideia para a prática
Escolha uma atividade no painel e volte a este curso quando quiser.
Atividades e evolução ficam reunidas no painel da sua conta.