Claude Code en la web

​

¿Qué es Claude Code en la web?

• Responder preguntas: Pregunta sobre la arquitectura del código y cómo se implementan las características
• Correcciones de errores y tareas rutinarias: Tareas bien definidas que no requieren dirección frecuente
• Trabajo en paralelo: Aborda múltiples correcciones de errores en paralelo
• Repositorios no en tu máquina local: Trabaja en código que no tienes descargado localmente
• Cambios de backend: Donde Claude Code puede escribir pruebas y luego escribir código para pasar esas pruebas

• Sobre la marcha: Inicia tareas mientras viajas o estás lejos de tu portátil
• Monitoreo: Observa la trayectoria y dirige el trabajo del agente

​

¿Quién puede usar Claude Code en la web?

• Usuarios Pro
• Usuarios Max

​

Primeros pasos

1. Visita claude.ai/code
2. Conecta tu cuenta de GitHub
3. Instala la aplicación Claude GitHub en tus repositorios
4. Selecciona tu entorno predeterminado
5. Envía tu tarea de codificación
6. Revisa los cambios y crea una solicitud de extracción en GitHub

​

Cómo funciona

1. Clonación del repositorio: Tu repositorio se clona en una máquina virtual administrada por Anthropic
2. Configuración del entorno: Claude prepara un entorno en la nube seguro con tu código
3. Configuración de red: El acceso a Internet se configura según tus configuraciones
4. Ejecución de tareas: Claude analiza el código, realiza cambios, ejecuta pruebas y verifica su trabajo
5. Finalización: Se te notifica cuando termina y puedes crear una PR con los cambios
6. Resultados: Los cambios se envían a una rama, listos para la creación de solicitud de extracción

​

Mover tareas entre web y terminal

​

De web a terminal

1. Haz clic en el botón “Abrir en CLI”
2. Pega y ejecuta el comando en tu terminal en una copia del repositorio
3. Cualquier cambio local existente se guardará, y la sesión remota se cargará
4. Continúa trabajando localmente

​

Entorno en la nube

​

Imagen predeterminada

• Lenguajes de programación populares y tiempos de ejecución
• Herramientas de compilación comunes y gestores de paquetes
• Marcos de prueba y linters

​

Verificar herramientas disponibles

check-tools

• Lenguajes de programación y sus versiones
• Gestores de paquetes disponibles
• Herramientas de desarrollo instaladas

​

Configuraciones específicas del lenguaje

• Python: Python 3.x con pip, poetry y bibliotecas científicas comunes
• Node.js: Últimas versiones LTS con npm, yarn y pnpm
• Java: OpenJDK con Maven y Gradle
• Go: Última versión estable con soporte de módulos
• Rust: Cadena de herramientas Rust con cargo
• C++: Compiladores GCC y Clang

​

Configuración del entorno

1. Preparación del entorno: Clonamos tu repositorio y ejecutamos cualquier gancho Claude configurado para la inicialización. El repositorio se clonará con la rama predeterminada en tu repositorio de GitHub. Si deseas desproteger una rama específica, puedes especificarlo en el mensaje.
2. Configuración de red: Configuramos el acceso a Internet para el agente. El acceso a Internet es limitado de forma predeterminada, pero puedes configurar el entorno para que no tenga acceso a Internet o acceso completo a Internet según tus necesidades.
3. Ejecución de Claude Code: Claude Code se ejecuta para completar tu tarea, escribiendo código, ejecutando pruebas y verificando su trabajo. Puedes guiar y dirigir a Claude durante toda la sesión a través de la interfaz web. Claude respeta el contexto que has definido en tu CLAUDE.md.
4. Resultado: Cuando Claude completa su trabajo, enviará la rama al repositorio remoto. Podrás crear una PR para la rama.

API_KEY=your_api_key
DEBUG=true

​

Gestión de dependencias

{
  "hooks": {
    "SessionStart": [
      {
        "matcher": "startup",
        "hooks": [
          {
            "type": "command",
            "command": "\"$CLAUDE_PROJECT_DIR\"/scripts/install_pkgs.sh"
          }
        ]
      }
    ]
  }
}

#!/bin/bash
npm install
pip install -r requirements.txt
exit 0

​

Ejecución local vs remota

#!/bin/bash

# Ejemplo: Solo ejecutar en entornos remotos
if [ "$CLAUDE_CODE_REMOTE" != "true" ]; then
  exit 0
fi

npm install
pip install -r requirements.txt

​

Persistencia de variables de entorno

​

Acceso a la red y seguridad

​

Política de red

​

Proxy de GitHub

• Gestiona la autenticación de GitHub de forma segura: el cliente de git usa una credencial con alcance dentro del sandbox, que el proxy verifica y traduce a tu token de autenticación real de GitHub
• Restringe las operaciones de git push a la rama de trabajo actual por seguridad
• Habilita operaciones de clonación, obtención y PR sin problemas mientras mantiene límites de seguridad

​

Proxy de seguridad

• Protección contra solicitudes maliciosas
• Limitación de velocidad y prevención de abuso
• Filtrado de contenido para mayor seguridad

​

Niveles de acceso

​

Dominios permitidos por defecto

​

Servicios Anthropic

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

​

Control de versiones

• 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 contenedores

• 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 en la nube

• 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

​

Gestores de paquetes - JavaScript/Node

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

​

Gestores de paquetes - Python

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

​

Gestores de paquetes - 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

​

Gestores de paquetes - Rust

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

​

Gestores de paquetes - Go

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

​

Gestores de paquetes - 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

​

Gestores de paquetes - Otros lenguajes

• 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

​

Distribuciones de Linux

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

​

Herramientas de desarrollo y 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

​

Servicios en la nube y monitoreo

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

​

Entrega de contenido y espejos

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

​

Esquema y configuración

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

​

Mejores prácticas de seguridad para acceso a la red personalizado

1. Principio de menor privilegio: Solo habilita el acceso a la red mínimo requerido
2. Audita regularmente: Revisa los dominios permitidos periódicamente
3. Usa HTTPS: Siempre prefiere puntos finales HTTPS sobre HTTP

​

Seguridad y aislamiento

• Máquinas virtuales aisladas: Cada sesión se ejecuta en una VM aislada administrada por Anthropic
• Controles de acceso a la red: El acceso a la red es limitado de forma predeterminada y se puede deshabilitar

• Protección de credenciales: Las credenciales sensibles (como credenciales de git o claves de firma) nunca están dentro del sandbox con Claude Code. La autenticación se maneja a través de un proxy seguro usando credenciales con alcance
• Análisis seguro: El código se analiza y modifica dentro de VMs aisladas antes de crear PRs

​

Precios y límites de velocidad

​

Limitaciones

• Autenticación del repositorio: Solo puedes mover sesiones de web a local cuando estás autenticado en la misma cuenta
• Restricciones de plataforma: Claude Code en la web solo funciona con código alojado en GitHub. Los repositorios de GitLab y otros que no sean GitHub no se pueden usar con sesiones en la nube

​

Mejores prácticas

1. Usa ganchos de Claude Code: Configura ganchos sessionStart para automatizar la configuración del entorno e instalación de dependencias.
2. Documenta requisitos: Especifica claramente dependencias y comandos en tu archivo CLAUDE.md. Si tienes un archivo AGENTS.md, puedes obtenerlo en tu CLAUDE.md usando @AGENTS.md para mantener una única fuente de verdad.

​

Recursos relacionados

• Configuración de ganchos
• Referencia de configuración
• Seguridad
• Uso de datos