Dos proyectos de principio a fin
Un CLI para GitHub Trending y un juego web desplegado.
Guía · OpenCode
Aprende OpenCode con proyectos reales
El agente de IA de código abierto, aprendido construyendo: un CLI con un modelo gratuito y un juego web que planificas, revisas y despliegas.
Veinticuatro vídeos cortos
Cada paso con su vídeo, su texto y lo que te llevas.
Empiezas sin pagar modelos
El primer proyecto entero va con un modelo gratuito.
46 developers ya tienen las manos en el teclado
Incluida en Premium
Esta guía es contenido de Web Reactiva Premium.
Los dos proyectos, con sus 24 vídeos, el texto de cada paso y el código del CLI.
Dos proyectos, de la carpeta vacía al despliegue
Proyecto 1 · 6 pasos
Un CLI que lee GitHub Trending
Instalas OpenCode, conectas un modelo gratuito y construyes una herramienta de terminal hablando con la IA. Por el camino: plan y build, deshacer, git, permisos y la memoria del proyecto.
- 🔒 Primer prompt
- 🔒 @ y modos
- 🔒 Permisos
- 🔒 AGENTS.md
Proyecto 2 · 18 pasos
Un juego de geografía, desplegado
Banderas y siluetas para adivinar países. Lo haces dos veces, a lo loco y con plan, para ver por qué gana una. Luego lo revisas tres veces y lo publicas en Vercel.
- 🔒 Modelos y proveedores
- 🔒 grill-me
- 🔒 Comandos propios
- 🔒 Handoff y /compact
- 🔒 /review
- 🔒 MCP de Chrome DevTools
- 🔒 Vercel
El mismo juego, hecho de dos formas
En el Proyecto 2 lo construyes a lo loco y con plan. Al jugar se ve cuál es cuál.
A lo loco
Vibecoding
- Un prompt y a ver qué saleEl juego arranca, pero el agente decide por ti lo que no le dijiste.
- Los fallos aparecen al jugarY cada arreglo abre otro, porque nadie sabe qué se quería.
- Contexto lleno y sin traspasoCuando la sesión se agota, empiezas de cero.
Con plan
Plan, revisión y pruebas
- Primero te preguntaCon grill-me y el modo Plan, el agente sabe qué construye antes de escribir.
- Lo revisa otroUn /review con subagente y un MCP que maneja el navegador por ti.
- Un handoff para seguirUn documento de traspaso y /compact para no perder el hilo.
Antes de empezar
La herramienta cambia. El método se queda.
OpenCode saca versión cada pocas semanas y los atajos se mueven. Lo que no se mueve es lo que aprendes con los dos proyectos: planificar antes de escribir, revisar lo que hace el agente, cuidar el contexto y dejar memoria para la próxima sesión.