Saltar al contenido
Lección 2 de 5Gratis15 min

Instala OpenCode y crea tu primera página

Instala OpenCode, conecta tu suscripción de OpenCode Go y pídele que construya una página web en menos de 15 minutos.

Última actualización: 24 de septiembre de 2026

En esta lección vas a ver un agente trabajar. Al final tendrás una página web que tú no escribiste, abierta en tu navegador.

1. Suscríbete a OpenCode Go

  1. Entra en opencode.ai/auth e inicia sesión.
  2. Suscríbete a Go (10 USD al mes).
  3. Copia tu API key. La vas a pegar en el paso 3.
⚠️

Tu API key es una contraseña

Pégala solo donde OpenCode o Hermes te la pidan. Si por error la mandas en un chat o sale en una captura, bórrala en la consola de OpenCode y crea otra.

2. Instala OpenCode

Abre la Terminal y pega una de estas opciones (con una basta):

macOS o Linux (instalador oficial)
$curl -fsSL https://opencode.ai/install | bash
macOS con Homebrew
$brew install anomalyco/tap/opencode
Cualquier sistema con Node.js (también Windows)
$npm install -g opencode-ai

Cierra la Terminal y ábrela de nuevo para que reconozca el comando nuevo.

3. Crea una carpeta y abre OpenCode

Trabaja siempre dentro de una carpeta propia. Así el agente solo toca lo que hay ahí:

Crear la carpeta y abrir OpenCode
$mkdir ~/mi-primer-agente cd ~/mi-primer-agente opencode

Se abre la interfaz de OpenCode dentro de la Terminal. Ahora conecta tu plan:

  1. Escribe /connect y pulsa Enter.
  2. Elige OpenCode Go.
  3. Pega tu API key.
  4. Escribe /models y elige uno de los modelos de la lista.

¿Cuál elegir? Cualquiera de los que aparecen sirve para este ejercicio. Si dudas, elige uno de los destacados en opencode.ai/go.

4. El momento ajá: pídele una página

Copia este prompt y pégalo en OpenCode:

Prompt para OpenCode

Pégalo en el campo de mensaje de tu sesión de OpenCode.

Crea un archivo index.html con una página de una sola pantalla: un temporizador Pomodoro de 25 minutos con botones de iniciar, pausar y reiniciar. Todo en un solo archivo, en español y con un diseño limpio.

Listo para copiar. Si no funciona, selecciona el texto y cópialo manualmente.

OpenCode te va a mostrar lo que planea hacer y te pedirá permiso para crear el archivo. Acepta.

Cuando termine, abre la página:

macOS: abrir la página en el navegador
$open index.html

En Linux usa xdg-open index.html; en Windows, start index.html.

Deberías ver tu temporizador funcionando en el navegador. Lo construyó un agente siguiendo una frase tuya.

5. Pídele un cambio

Ahora pide algo sobre lo que ya existe:

Prompt para OpenCode

Pégalo en el campo de mensaje de tu sesión de OpenCode.

Agrega un sonido corto cuando termine el temporizador y un modo oscuro.

Listo para copiar. Si no funciona, selecciona el texto y cópialo manualmente.

Recarga la página en el navegador. Así se trabaja con un agente: pides, revisas, pides otra cosa.

💡

Truco: /init

En un proyecto de verdad, escribe /init al empezar. OpenCode lee la carpeta y crea un archivo AGENTS.md con lo que entendió del proyecto. Lo usará como guía en cada sesión.

Para salir y volver

  • Sal de OpenCode con Ctrl + C.
  • Para retomar la última conversación en esa carpeta: opencode -c.
  • Para una tarea rápida sin abrir la interfaz: opencode run "explica qué hace index.html".

Si algo falla

Qué pasaQué hacer
opencode: command not foundCierra y abre la Terminal. Si sigue, instala con la opción de npm.
No aparece OpenCode Go en /connectActualiza OpenCode con el mismo método con el que lo instalaste.
Error de límite de usoLlegaste al tope de 5 horas de ese modelo. Elige otro en /models o espera.
Lección terminada si…0/4

Fuente: documentación de OpenCode y OpenCode Go.