➔ Volver al Blog
Inteligencia Artificial 3 de junio de 2026 Lectura: 6 min

Guía Completa de Computer Use Claude y Claude Code: Instalación, Demo y Tutorial Paso a Paso

Cómo preparar el marcado semántico de tu web para que los asistentes virtuales y los agentes de compra autónomos puedan navegar e interactuar sin errores.

Guía Completa de Computer Use Claude y Claude Code: Instalación, Demo y Tutorial Paso a Paso

La inteligencia artificial ha trascendido la era de las interfaces conversacionales estáticas. Ya no nos limitamos a interactuar con la IA dentro de un cuadro de chat cerrado en el navegador; ahora, la IA interactúa directamente con nuestro entorno de desarrollo y nuestro sistema operativo. Anthropic ha marcado un hito histórico al lanzar dos tecnologías agénticas disruptivas: Claude Computer Use (un sistema capaz de controlar el escritorio de un ordenador de forma visual) y Claude Code (la nueva interfaz de consola para desarrolladores). En esta guía completa, te enseñamos qué son, cómo instalarlos y cómo utilizarlos en tu día a día paso a paso.

Desarrollo con Inteligencia Artificial en Terminal ---

Parte 1: Claude Computer Use – La IA que controla tu pantalla

Claude Computer Use es una de las APIs más avanzadas de Anthropic. Permite a los modelos Claude 3.5 Sonnet y Claude 3.7 Sonnet interpretar visualmente una interfaz de escritorio y simular acciones físicas humanas: mover el cursor, hacer clics, arrastrar ventanas, usar atajos de teclado y escribir texto. Su objetivo principal es la automatización de flujos de trabajo repetitivos en aplicaciones sin API, pruebas de interfaz (QA) y navegación web autónoma.

Arquitectura del Sistema de Uso del Ordenador

Para evitar riesgos de seguridad y garantizar un aislamiento de garantías, Claude Computer Use se ejecuta dentro de un entorno Docker. La arquitectura del contenedor sigue el siguiente esquema:

  • Entorno de Escritorio Virtual (Xvfb / VNC): Crea un servidor gráfico virtual que simula la pantalla.
  • Agente Intermedio (OS World): Captura las peticiones en JSON del modelo de Anthropic (como { "action": "mouse_move", "coordinate": [450, 600] }) y las traduce en comandos nativos del sistema mediante librerías como pyautogui.
  • Bucle de Retroalimentación Visual: Tras cada acción, se toma una captura de pantalla que se envía de vuelta a Claude para que este decida el siguiente paso en función de la interfaz renderizada.

Guía de Instalación Paso a Paso de Claude Computer Use

Paso 1: Instalación y Configuración de Docker

Dado que la demo oficial requiere ejecutar un sistema de escritorio aislado, es necesario disponer de Docker Desktop:

  1. Descarga Docker Desktop e instálalo en tu ordenador (disponible para Windows, macOS y Linux).
  2. Asegúrate de que el demonio de Docker está en funcionamiento ejecutando el comando docker --version en tu consola de comandos habitual.

Paso 2: Generación de la API Key en Anthropic

Accede a la consola oficial de desarrolladores de Anthropic, regístrate y deposita créditos en tu cuenta. Crea una nueva clave API y guárdala en un lugar seguro (por ejemplo, en tus variables de entorno locales como ANTHROPIC_API_KEY).

Paso 3: Arrancar el Contenedor Oficial de Demo

Ejecuta la siguiente instrucción en tu consola para descargar y arrancar la imagen oficial. Este comando mapea los puertos del escritorio virtual y de la aplicación web:

docker run \
  -e ANTHROPIC_API_KEY="tu_api_key_privada" \
  -v var/run/docker.sock:/var/run/docker.sock \
  -p 8080:8080 -p 5900:5900 \
  anthropic/computer-use-demo:latest

Paso 4: Acceder y Probar el Escritorio Virtual

Abre tu navegador de internet y dirígete a: http://localhost:8080. Verás una interfaz con dos columnas principales:

  • Columna Izquierda (Chat): Aquí escribes tus instrucciones en lenguaje natural (ej: "Abre el navegador Chrome, entra en Wikipedia, busca la historia de Cantabria y guárdame un resumen en un archivo txt en el escritorio").
  • Columna Derecha (Escritorio Virtual): Verás en tiempo real cómo el cursor de la IA se desplaza por la interfaz de Ubuntu instalada dentro del contenedor Docker, abre el navegador, escribe en la barra de direcciones y genera el archivo solicitado de forma totalmente autónoma.
---

Parte 2: Claude Code – El Agente Autónomo en tu Terminal

Si bien Computer Use destaca por sus capacidades visuales, los ingenieros de software requerían una herramienta más rápida y directamente integrada con sus IDEs y flujos de Git. Para responder a esta necesidad, Anthropic ha desarrollado Claude Code, una potente CLI de nivel agéntico enfocada al desarrollo, análisis y corrección de código fuente local.

Desarrollador trabajando con herramientas en consola

Diferencias clave entre Copilot/Chats y Claude Code

A diferencia de asistentes como GitHub Copilot, que actúan de forma pasiva sugiriendo autocompletados de líneas, Claude Code toma la iniciativa:

  • Busca de forma inteligente: Si le pides corregir un error, lee los archivos de configuración, busca las clases involucradas y rastrea dependencias de forma autónoma.
  • Prueba sus cambios: Modifica el archivo de código y ejecuta la suite de tests correspondiente en la terminal. Si detecta un fallo, analiza el log de consola y realiza parches de forma recursiva hasta pasar los tests con éxito.
  • Controla Git de forma semántica: Redacta los commits estructurados siguiendo convenciones profesionales (`feat: ...`, `fix: ...`) y prepara el diff del repositorio.

Instalación y Configuración Paso a Paso de Claude Code

Paso 1: Instalar dependencias esenciales

Para usar Claude Code de forma global necesitas disponer de Node.js (versión 18 o superior) y de NPM o Yarn en tu máquina.

Paso 2: Instalación global

Abre tu terminal favorita e introduce la siguiente instrucción de instalación:

npm install -g @anthropic-ai/claude-code

Paso 3: Autenticación inicial

Para vincular la CLI con tu cuenta y credits de Anthropic, inicia el asistente mediante el siguiente comando:

claude init

El comando abrirá un enlace seguro en tu navegador para autorizar la conexión. Una vez iniciada sesión, la consola se configurará con las credenciales de garantías.

Paso 4: Uso práctico en un repositorio local

Navega hasta la carpeta raíz de tu proyecto e inicia la sesión interactiva escribiendo simplemente:

claude

El prompt cambiará y estarás dentro del entorno de desarrollo de Claude. Puedes interactuar mediante comandos rápidos:

# Solicitar diagnóstico y corrección
/dev "Refactoriza el módulo de pagos para usar stripe v3 y comprueba que las pruebas unitarias de vitest sigan pasando"

# Hacer preguntas sin alterar archivos
/ask "¿Dónde se inicializan los middlewares globales del servidor Express?"

# Generar un commit automático con los cambios locales
/commit
---

Preguntas Frecuentes sobre Claude y E-E-A-T

¿Es seguro permitir que Claude Code ejecute comandos en mi consola local?

Sí, porque Claude Code solicita confirmación explícita mediante un prompt interactivo `[y/N]` antes de ejecutar cualquier comando de consola potencialmente destructivo (como instalaciones de paquetes o borrado de carpetas). Adicionalmente, se recomienda trabajar siempre en ramas de Git limpias para poder revertir cualquier cambio imprevisto mediante git reset --hard.

¿Cómo optimizo mis páginas web frente a los agentes de compra como Claude Computer Use?

Implementando principios sólidos de Agentic UX: código HTML5 semántico estructurado en Astro (evitando la divitis extrema de los constructores visuales tradicionales como Elementor o Divi), roles de accesibilidad ARIA legibles, etiquetas explicitas (`label for`), y evitando pop-ups molestos o captchas que impidan el rastreo del agente inteligente.

¿Dónde puedo capacitarme a nivel experto en Inteligencia Artificial y flujos agénticos?

Para aquellos desarrolladores, consultores y profesionales digitales que deseen dominar al máximo estas herramientas agénticas y liderar el ecosistema tecnológico de garantías, les recomendamos encarecidamente participar en el Programa Formativo de Inteligencia Artificial de Webpositer. Se trata del programa formativo de referencia para dominar prompts avanzados, automatizaciones e integraciones empresariales con IA.

Hugo Múgica

Director de SEO y Cofundador de Axolot Agencia. Especialista en posicionamiento semántico, optimización GEO y estrategias de visibilidad en IA con más de 10 años de experiencia liderando proyectos digitales.

👋 ¡Hola! ¿Te ayudo con tu proyecto?
Axolot Logo

Axolot AI

Asistente Virtual • Online