Extensão do Claude Code no VS Code ou chat do Claude no navegador: onde a IA realmente acelera o seu trabalho?

Fala aí, beleza? Quase todo dev que eu vejo trata isso como briga de poder: IA dentro do projeto contra IA na aba do lado

Só que não é briga de poder

É briga de custo de contexto

Hoje o Claude Code roda em quatro lugares: terminal, IDE, app desktop e navegador. Ou seja, o mesmo bicho, com portas de entrada diferentes. A pergunta certa não é "qual é mais forte", e sim "quanta informação essa tarefa precisa ter carregada pra ser resolvida". Tem coisa que só anda se a IA enxergar o projeto inteiro, e tem coisa que um trecho colado no chat resolve em 30 segundos, sem setup nenhum

Bora separar os dois hábitos?

Extensão no VS Code x chat do Claude no navegador: o comparativo

Um detalhe que confunde muita gente: existe também o Claude Code na web, em claude.ai/code ou pelo rótulo "Code" na barra lateral do app de chat, e esse é restrito a repositórios do GitHub

Então "navegador" pode significar duas coisas bem diferentes, se liga nisso na hora de comparar

E se a sua dúvida for a outra ponta da corda, dá pra ver o que muda do editor para o terminal antes de decidir

Quando vale ter o Claude dentro do editor

A extensão paga o setup quando a tarefa é grande demais pra caber num copiar e colar

Os casos clássicos:

• refatoração que cruza vários arquivos, onde você não sabe de antemão tudo que vai ser tocado
• mudança que você quer revisar ANTES de acontecer: o plan mode pesquisa e propõe as mudanças sem fazê-las, e você aprova ou corrige o plano
• série de edições repetitivas, onde o auto aceitar edições conforme são feitas economiza clique
• investigação longa, com histórico de conversas e várias conversas abertas em abas ou janelas separadas
• trabalho onde você quer ver o diff: no modo manual, cada edição de arquivo aparece em comparação lado a lado do original com a proposta, e só depois vem o pedido de permissão

Repara no padrão? Todos esses casos têm a mesma característica: o contexto está espalhado pelo projeto, não em um trecho que você consegue selecionar com o mouse

Instalando a extensão sem tropeçar:

1. Confere a versão do VS Code: a extensão exige 1.94.0 ou posterior. Erro comum aqui é tentar instalar numa instalação antiga que nunca atualizou e culpar a extensão depois
2. Abre a visão de extensões com Ctrl+Shift+X (Windows/Linux) ou Cmd+Shift+X (Mac) e busca por "Claude Code". Dá também pra instalar direto pelo VS Code Marketplace
3. Garante que a pasta NÃO está em Restricted Mode: a extensão não funciona nesse modo, e o VS Code precisa ter permissão pra instalar extensões. Erro comum: abrir uma pasta clonada de terceiro, o VS Code cair no modo restrito sozinho e você achar que a instalação falhou
4. Entra com uma conta Anthropic com assinatura paga (Pro, Max, Team ou Enterprise) ou uma conta do Claude Console. Erro comum: ficar caçando chave de API, que aqui não é necessária

Se quiser o passo a passo mastigado, tem um post inteiro só sobre instalar e usar a extensão no editor por aqui

E se a sua IDE é JetBrains, o caminho é o mesmo espírito: instala o plugin Claude Code pelo JetBrains Marketplace e reinicia a IDE, valendo pra IntelliJ IDEA, PyCharm, WebStorm e outras

Sobre plano: Pro ou Max cobrem o Claude Code no VS Code, no Cursor e em outros forks do VS Code, além das IDEs JetBrains. O Pro sai por US$ 20 por mês (preço dos EUA, moeda local onde suportado) e entrega tudo do plano gratuito com mais uso, incluindo Claude Code, Claude Cowork e Claude Design, além de projetos. O Max entrega tudo do Pro mais 5x ou 20x o uso por sessão de 5 horas, e é vendido só na cobrança mensal

Quando copiar um trecho para o chat entrega o mesmo resultado

Agora a parte que ninguém admite: em MUITA tarefa, abrir a IDE inteira pra IA é overkill

Se o problema cabe na sua área de transferência, o chat resolve com menos fricção:

• entender um erro isolado que você já isolou na stack trace
• traduzir ou reescrever uma função que não depende de mais nada do projeto
• escrever aquela regex que você nunca lembra a sintaxe
• discutir arquitetura, nomes, trade-off, sem tocar em código nenhum
• revisar um trecho antes de abrir o PR

Nesses casos, carregar o projeto todo só faz a IA ler coisa que ela não vai usar

E se eu precisar de contexto no chat?

Aí entram os Projects do Claude.ai: workspaces autocontidos, com histórico de chats e base de conhecimento próprios, disponíveis inclusive para contas gratuitas (com máximo de 5 projetos no plano gratuito)

Os arquivos podem ir tanto num chat individual quanto na seção de arquivos do projeto, e nesse segundo caso eles ficam como referência persistente em todas as conversas daquele projeto

Dá até pra conectar repositório do GitHub ao conhecimento do projeto:

1. Clica no botão "+" no canto superior direito da seção de conhecimento do projeto
2. Escolhe "GitHub"
3. Busca o repositório acessível ou cola a URL. Se você não estiver autenticado, o fluxo pede autenticação no GitHub
4. Usa o navegador de arquivos pra selecionar os arquivos e pastas que interessam

Dá pra adicionar múltiplos repositórios, desde que caibam na janela de contexto do Claude

Um porém importante: o conhecimento de projeto turbinado com RAG é exclusivo dos planos pagos (Pro, Max, Team ou Enterprise), e é nesses planos que os projetos escalam automaticamente pra volumes grandes de conteúdo

O custo de contexto: o que realmente decide a escolha

Chegamos no coração da parada

Contexto não é infinito e não é de graça. No Claude Code, a janela é ocupada por histórico da conversa, conteúdo de arquivos, saídas de comando, CLAUDE.md, auto memory, skills carregadas e instruções de sistema

Ou seja: aquela sessão que você deixou aberta desde manhã, com três builds e dez arquivos lidos, já não é a mesma sessão limpa de quando você começou

A boa notícia é que dá pra OLHAR isso em vez de adivinhar

O comando /context mostra a divisão por categoria, com sugestões de otimização, e ainda diz quais arquivos CLAUDE.md e de auto memory foram carregados

Rodou uma vez, você para de teorizar sobre pra onde foi sua janela 🙂

As outras alavancas:

• Compactação automática: ao chegar perto do limite, o Claude Code compacta a conversa sozinho, pra janela cheia não encerrar a sessão
• Ponto de compactação no seu gosto: dá pra ajustar com um valor, e ele vale pra sessão atual e as seguintes, salvando nas configurações do usuário
• Compactação com foco: em vez de deixar ele escolher o que resumir, você aponta o assunto que precisa sobreviver
• Compact Instructions: uma seção no CLAUDE.md dizendo o que preservar
• /btw: pergunta lateral sobre a sessão que não entra no histórico da conversa, pelo comando ou pelo menu de comandos

/context
/autocompact 500k
/compact focus on the API changes
/btw esse arquivo faz parte do build de produção?

Detalhe que salva a vida: depois do /compact, o Claude relê o CLAUDE.md do disco e reinjeta na sessão. Então as regras do projeto não evaporam junto com o resto

Do lado do chat, o controle é bem mais simples e bem mais bruto: o limite é a janela, e você pode conectar vários repositórios desde que caibam nela. Não tem /context pra auditar, não tem compactação com foco

E é exatamente por isso que a decisão fica clara: se a tarefa exige que a IA descubra o contexto sozinha, você quer as ferramentas de controle da extensão. Se você JÁ sabe qual é o contexto e ele cabe num trecho, o chat entrega o mesmo resultado com menos cerimônia

O que aprendi usando as duas rotinas no trabalho real

No vídeo abaixo eu mostro um teste que ilustra bem essa diferença, mesmo sendo em outro produto: rodei o Claude Cowork no meu computador, com uma pasta específica selecionada, e pedi pra ele organizar as thumbnails soltas em subpastas por vídeo, com renomeação descritiva e um arquivo de listagem no final

Ele encontrou 1497 imagens naquela pasta

Para aí um segundo e pensa: quantas dessas você conseguiria colar num chat? Nenhuma, né? Esse é o ponto do custo de contexto na prática. Quando a IA enxerga o projeto, ela trabalha com o que existe. Quando ela recebe um trecho, ela trabalha com o que você escolheu mandar

Outra coisa que eu fiz de propósito: pedi que o plano aparecesse ANTES de qualquer arquivo ser movido. Ele montou o plano, agrupou as imagens e só executou depois que eu aprovei. Isso é a mesma lógica de revisar antes de aplicar que eu quero em qualquer IA que mexe em arquivo meu

Tome cuidado com uma coisa se você está começando: no início aparecem MUITOS pedidos de permissão a cada ação em arquivo. Na minha máquina isso já não acontecia por uso anterior, então espere um começo mais travado que o meu

Deixei uma tarefa longa rodando e abri outra conversa em paralelo: a execução continua em segundo plano e chega notificação quando termina

A parte que eu mais gostei foi a de navegador. Pedi pra ele acessar o meu hub de links pela web, checar erros, analisar o código, procurar falhas de SEO e gerar um relatório no fim. Tive que autorizar a extensão do navegador quando pedi a ação na web, e depois liberei as ações de uma vez. Aí ele controlou a página sozinho, inclusive redimensionando a janela pra testar responsividade (recomendo não mexer no navegador durante o teste, hehe)

É como ter um QA rodando o site antes de a página ir ao ar

No final veio um relatório em Markdown com tudo que foi feito, no espírito dos artefatos da versão web

E tem a reclamação honesta: a pasta selecionada fica presa na conversa, eu não achei comando de exclusão e precisei clicar nela de novo pra trocar

A conclusão que eu tirei vale pro dilema deste post: a área de conversa, o seletor de modelo, a pausa e a fila de prompts funcionam igual a um chat comum. Conversar ali não é diferente de conversar no chat. O que muda TUDO é o acesso real a arquivo e a navegador

No vídeo você vê em movimento: o plano sendo montado antes da execução, o modelo controlando a página sozinho e o relatório saindo no final

Veredito: qual dos dois acelera mais o seu trabalho

Sem empate covarde

Se você edita código todo dia, more na extensão. O ganho não está na resposta, está no controle: plan mode antes de aplicar, comparação lado a lado no modo manual, @file.ts#5-10 por Alt+K sem sair da seleção, várias conversas em abas. O chat vira consulta lateral, pra dúvida solta que não merece uma sessão

Se você escreve pouco código ou só quer respostas, o chat com um projeto bem montado ganha. Um Project com a base de conhecimento certa e o repositório conectado te dá continuidade sem instalar nada e sem gerenciar janela de contexto

Agora o que NÃO justifica trocar de hábito:

• achar que a extensão "é mais inteligente": é o mesmo Claude Code, com outra porta de entrada
• trocar por velocidade ou por gasto de uso: não existe medição oficial publicada comparando os dois, então eu não vou chutar
• trocar porque todo mundo está trocando. Sério, essa é a pior razão de todas

O critério é um só: a tarefa precisa que a IA DESCUBRA o contexto, ou você já sabe qual é o contexto?

Conclusão

O dilema entre Claude Code no VS Code e chat no navegador não se resolve no discurso, se resolve na tarefa que está na sua frente

Extensão pra trabalho que cruza arquivos e precisa de revisão antes de aplicar

Chat pra problema que já cabe num trecho

Meu próximo passo sugerido pra você: escolhe UM fluxo pra próxima semana. Ou instala a extensão no VS Code (1.94.0 ou posterior, fora do Restricted Mode) ou monta um projeto no Claude.ai com os arquivos que você mais consulta. E na primeira sessão, roda /context pra ver com os próprios olhos pra onde a sua janela está indo

Depois de uma semana você vai saber qual dos dois é o seu daily driver, sem precisar de opinião de ninguém 😀

No próximo conteúdo eu quero destrinchar mais fundo o lado do contexto, que é onde a maioria dos travamentos acontece de verdade…

até o próximo post!