Claude Code na web

​

O que é Claude Code na web?

• Responder perguntas: Pergunte sobre arquitetura de código e como os recursos são implementados
• Correções de bugs e tarefas rotineiras: Tarefas bem definidas que não requerem direcionamento frequente
• Trabalho paralelo: Lidar com múltiplas correções de bugs em paralelo
• Repositórios não em sua máquina local: Trabalhe em código que você não tem verificado localmente
• Alterações de backend: Onde Claude Code pode escrever testes e depois escrever código para passar nesses testes

• Em movimento: Inicie tarefas enquanto se desloca ou longe do laptop
• Monitoramento: Observe a trajetória e direcione o trabalho do agente

​

Quem pode usar Claude Code na web?

• Usuários Pro
• Usuários Max

​

Começando

1. Visite claude.ai/code
2. Conecte sua conta GitHub
3. Instale o aplicativo Claude GitHub em seus repositórios
4. Selecione seu ambiente padrão
5. Envie sua tarefa de codificação
6. Revise as alterações e crie uma solicitação de pull no GitHub

​

Como funciona

1. Clonagem de repositório: Seu repositório é clonado para uma máquina virtual gerenciada pela Anthropic
2. Configuração de ambiente: Claude prepara um ambiente de nuvem seguro com seu código
3. Configuração de rede: O acesso à Internet é configurado com base em suas configurações
4. Execução de tarefa: Claude analisa código, faz alterações, executa testes e verifica seu trabalho
5. Conclusão: Você é notificado quando termina e pode criar um PR com as alterações
6. Resultados: As alterações são enviadas para uma ramificação, prontas para criação de solicitação de pull

​

Movendo tarefas entre web e terminal

​

De web para terminal

1. Clique no botão “Abrir em CLI”
2. Cole e execute o comando em seu terminal em um checkout do repositório
3. Quaisquer alterações locais existentes serão armazenadas e a sessão remota será carregada
4. Continue trabalhando localmente

​

Ambiente de nuvem

​

Imagem padrão

• Linguagens de programação e tempos de execução populares
• Ferramentas de construção comuns e gerenciadores de pacotes
• Estruturas de teste e linters

​

Verificando ferramentas disponíveis

check-tools

• Linguagens de programação e suas versões
• Gerenciadores de pacotes disponíveis
• Ferramentas de desenvolvimento instaladas

​

Configurações específicas de linguagem

• Python: Python 3.x com pip, poetry e bibliotecas científicas comuns
• Node.js: Versões LTS mais recentes com npm, yarn e pnpm
• Java: OpenJDK com Maven e Gradle
• Go: Versão estável mais recente com suporte a módulos
• Rust: Cadeia de ferramentas Rust com cargo
• C++: Compiladores GCC e Clang

​

Configuração de ambiente

1. Preparação de ambiente: Clonamos seu repositório e executamos qualquer gancho Claude configurado para inicialização. O repositório será clonado com a ramificação padrão em seu repositório GitHub. Se você gostaria de fazer checkout de uma ramificação específica, você pode especificar isso no prompt.
2. Configuração de rede: Configuramos o acesso à Internet para o agente. O acesso à Internet é limitado por padrão, mas você pode configurar o ambiente para não ter acesso à Internet ou ter acesso total à Internet com base em suas necessidades.
3. Execução de Claude Code: Claude Code é executado para completar sua tarefa, escrevendo código, executando testes e verificando seu trabalho. Você pode guiar e direcionar Claude durante toda a sessão através da interface web. Claude respeita o contexto que você definiu em seu CLAUDE.md.
4. Resultado: Quando Claude conclui seu trabalho, ele enviará a ramificação para remoto. Você poderá criar um PR para a ramificação.

API_KEY=your_api_key
DEBUG=true

​

Gerenciamento de dependências

{
  "hooks": {
    "sessionStart": [
      {
        "matcher": "",
        "hooks": [
          {
            "type": "command",
            "command": "./scripts/install_pkgs.sh"
          }
        ]
      }
    ]
  }
}

​

Acesso à rede e segurança

​

Política de rede

​

Proxy do GitHub

• Gerencia autenticação do GitHub com segurança - o cliente git usa uma credencial com escopo dentro da sandbox, que o proxy verifica e traduz para seu token de autenticação real do GitHub
• Restringe operações de push do git à ramificação de trabalho atual por segurança
• Permite clonagem, busca e operações de PR contínuas mantendo limites de segurança

​

Proxy de segurança

• Proteção contra solicitações maliciosas
• Limitação de taxa e prevenção de abuso
• Filtragem de conteúdo para segurança aprimorada

​

Níveis de acesso

​

Domínios padrão permitidos

​

Serviços Anthropic

• api.anthropic.com
• statsig.anthropic.com
• claude.ai

​

Controle de versão

• github.com
• www.github.com
• api.github.com
• raw.githubusercontent.com
• objects.githubusercontent.com
• codeload.github.com
• avatars.githubusercontent.com
• camo.githubusercontent.com
• gist.github.com
• gitlab.com
• www.gitlab.com
• registry.gitlab.com
• bitbucket.org
• www.bitbucket.org
• api.bitbucket.org

​

Registros de contêiner

• registry-1.docker.io
• auth.docker.io
• index.docker.io
• hub.docker.com
• www.docker.com
• production.cloudflare.docker.com
• download.docker.com
• *.gcr.io
• ghcr.io
• mcr.microsoft.com
• *.data.mcr.microsoft.com

​

Plataformas de nuvem

• cloud.google.com
• accounts.google.com
• gcloud.google.com
• *.googleapis.com
• storage.googleapis.com
• compute.googleapis.com
• container.googleapis.com
• azure.com
• portal.azure.com
• microsoft.com
• www.microsoft.com
• *.microsoftonline.com
• packages.microsoft.com
• dotnet.microsoft.com
• dot.net
• visualstudio.com
• dev.azure.com
• oracle.com
• www.oracle.com
• java.com
• www.java.com
• java.net
• www.java.net
• download.oracle.com
• yum.oracle.com

​

Gerenciadores de pacotes - JavaScript/Node

• registry.npmjs.org
• www.npmjs.com
• www.npmjs.org
• npmjs.com
• npmjs.org
• yarnpkg.com
• registry.yarnpkg.com

​

Gerenciadores de pacotes - Python

• pypi.org
• www.pypi.org
• files.pythonhosted.org
• pythonhosted.org
• test.pypi.org
• pypi.python.org
• pypa.io
• www.pypa.io

​

Gerenciadores de pacotes - Ruby

• rubygems.org
• www.rubygems.org
• api.rubygems.org
• index.rubygems.org
• ruby-lang.org
• www.ruby-lang.org
• rubyforge.org
• www.rubyforge.org
• rubyonrails.org
• www.rubyonrails.org
• rvm.io
• get.rvm.io

​

Gerenciadores de pacotes - Rust

• crates.io
• www.crates.io
• static.crates.io
• rustup.rs
• static.rust-lang.org
• www.rust-lang.org

​

Gerenciadores de pacotes - Go

• proxy.golang.org
• sum.golang.org
• index.golang.org
• golang.org
• www.golang.org
• goproxy.io
• pkg.go.dev

​

Gerenciadores de pacotes - JVM

• maven.org
• repo.maven.org
• central.maven.org
• repo1.maven.org
• jcenter.bintray.com
• gradle.org
• www.gradle.org
• services.gradle.org
• spring.io
• repo.spring.io

​

Gerenciadores de pacotes - Outras linguagens

• packagist.org (PHP Composer)
• www.packagist.org
• repo.packagist.org
• nuget.org (.NET NuGet)
• www.nuget.org
• api.nuget.org
• pub.dev (Dart/Flutter)
• api.pub.dev
• hex.pm (Elixir/Erlang)
• www.hex.pm
• cpan.org (Perl CPAN)
• www.cpan.org
• metacpan.org
• www.metacpan.org
• api.metacpan.org
• cocoapods.org (iOS/macOS)
• www.cocoapods.org
• cdn.cocoapods.org
• haskell.org
• www.haskell.org
• hackage.haskell.org
• swift.org
• www.swift.org

​

Distribuições Linux

• archive.ubuntu.com
• security.ubuntu.com
• ubuntu.com
• www.ubuntu.com
• *.ubuntu.com
• ppa.launchpad.net
• launchpad.net
• www.launchpad.net

​

Ferramentas de desenvolvimento e plataformas

• dl.k8s.io (Kubernetes)
• pkgs.k8s.io
• k8s.io
• www.k8s.io
• releases.hashicorp.com (HashiCorp)
• apt.releases.hashicorp.com
• rpm.releases.hashicorp.com
• archive.releases.hashicorp.com
• hashicorp.com
• www.hashicorp.com
• repo.anaconda.com (Anaconda/Conda)
• conda.anaconda.org
• anaconda.org
• www.anaconda.com
• anaconda.com
• continuum.io
• apache.org (Apache)
• www.apache.org
• archive.apache.org
• downloads.apache.org
• eclipse.org (Eclipse)
• www.eclipse.org
• download.eclipse.org
• nodejs.org (Node.js)
• www.nodejs.org

​

Serviços de nuvem e monitoramento

• statsig.com
• www.statsig.com
• api.statsig.com
• *.sentry.io

​

Entrega de conteúdo e espelhos

• *.sourceforge.net
• packagecloud.io
• *.packagecloud.io

​

Schema e configuração

• json-schema.org
• www.json-schema.org
• json.schemastore.org
• www.schemastore.org

​

Melhores práticas de segurança para acesso à rede personalizado

1. Princípio do menor privilégio: Habilite apenas o acesso à rede mínimo necessário
2. Audite regularmente: Revise os domínios permitidos periodicamente
3. Use HTTPS: Sempre prefira endpoints HTTPS em vez de HTTP

​

Segurança e isolamento

• Máquinas virtuais isoladas: Cada sessão é executada em uma VM isolada gerenciada pela Anthropic
• Controles de acesso à rede: O acesso à rede é limitado por padrão e pode ser desabilitado
• Proteção de credenciais: Credenciais sensíveis (como credenciais git ou chaves de assinatura) nunca estão dentro da sandbox com Claude Code. A autenticação é tratada através de um proxy seguro usando credenciais com escopo
• Análise segura: O código é analisado e modificado dentro de VMs isoladas antes de criar PRs

​

Preços e limites de taxa

​

Limitações

• Autenticação de repositório: Você só pode mover sessões de web para local quando está autenticado na mesma conta
• Restrições de plataforma: Claude Code na web funciona apenas com código hospedado no GitHub. Repositórios GitLab e outros não-GitHub não podem ser usados com sessões de nuvem

​

Melhores práticas

1. Use ganchos Claude Code: Configure ganchos sessionStart para automatizar configuração de ambiente, instalação de dependências e configuração de rede
2. Documente requisitos: Especifique claramente dependências e comandos em seu arquivo CLAUDE.md. Se você tiver um arquivo AGENTS.md, você pode obtê-lo em seu CLAUDE.md usando @AGENTS.md para manter uma única fonte de verdade.

​

Recursos relacionados

• Configuração de ganchos
• Referência de configurações
• Segurança
• Uso de dados