Esta página contiene recursos detallados para mi curso de Vibe Coder. Por favor, ten esto a mano mientras realizas el curso, ya que está repleto de información útil. Si falta algo o necesita ser actualizado, por favor envíame un mensaje de inmediato en la plataforma de soporte de Frogames o contáctame directamente.

El curso

El legendario científico de IA Andrej Karpathy, inventor del término "Vibe Coding" (Programación por Vibras), hizo recientemente un infame tweet sobre la Programación con IA. Dijo que estos Agentes de Programación se sienten como herramientas que obtuvimos de extraterrestres y que vienen sin manual.

¡Este curso es el manual que faltaba!

Profundizamos al máximo con Claude Code. Pero también dedicamos un buen tiempo a Copilot, Cursor, Codex, Antigravity, OpenCode y Amp. A lo largo del camino, cubrimos Skills, MCP (Model Context Protocol), Plugins, Hooks, Subagentes, Sandboxes, Enjambres (Swarms) y Orquestadores.

Y revisamos a todas las estrellas del momento: Ralph Loops, GSD, Gas Town, OpenClaw, Claude Agent Teams, Claude Agent SDK, sprites.dev y mucho más.

No importa tu experiencia previa: este curso tiene algo para ti.

¿Nunca has escrito una línea de código? Prepárate para entregar productos completos con confianza, aprendiendo cómo "ser el jefe" mientras tu Agente de Programación hace el trabajo duro por ti.

¿Eres desarrollador? A todos los niveles, desde ingeniero junior hasta arquitecto de software, les encantará este viaje. Te mostraré cómo tener una legión de programadores trabajando incansablemente para ti. Te enseñaré cómo evitar el código de mala calidad generado por IA (el llamado "LLM slop"). Y lo más importante, te mostraré cómo mantener el placer de programar. Es una nueva forma de trabajar, pero puede seguir siendo igual de divertida, o incluso más.

Puedes acceder a todos los detalles y matricularte en el curso aquí: Curso de Vibe Coder en Frogames.

Enlaces Principales

• El currículum completo de la Ruta de IA de Frogames Formación
• Las diapositivas del curso

Una nota sobre costes y cuotas: pagar por modelos ofrece una mejor experiencia, pero no es obligatorio.

Para más información sobre cuotas y el uso de modelos gratuitos, por favor revisa las preguntas Q52 y Q53 en las FAQ del curso.

Semana 1

Semana 1 Día 1

El tuit original que lo empezó todo: "Hay un nuevo tipo de programación que llamo Vibe Coding" de Andrej Karpathy.

Aquí está el enlace a Cursor – haz clic en Download en la parte superior derecha.

IMPORTANTE: Cursor ha decidido mostrar su pantalla de inicio de 'Agents' por defecto en las nuevas instalaciones para promocionarla. ¡Espero que dejen de hacerlo! Para volver a la pantalla de edición habitual de Cursor, utiliza Ctrl+Shift+N (Windows) o Command+Shift+N (Mac). Puedes consultar la pregunta Q54 de las FAQ si necesitas más ayuda.

Las primeras instrucciones para tu agente podrían ser algo como esto:

Por favor, construye un sitio web para un juego simple de disparos en 1ra persona en 3D en una arena contra 1 oponente controlado por la computadora, usando las flechas del teclado para moverse y la barra espaciadora para disparar.

Si a Cursor le cuesta realizar esto al primer intento, podrías probar agregando una pista como "usando three.js" al final del prompt para guiarle. Si aun así se le atraganta, intenta simplificar la petición con un ejemplo más básico para comenzar:

Por favor, construye un sitio web para un juego retro de pong simple contra 1 oponente controlado por la computadora usando las flechas del teclado para jugar.

Semana 1 Día 3

Primero lo primero – instalando Git: Cuando abras por primera vez una terminal en Cursor, ejecuta el siguiente comando: git --version. Deberías ver un número de versión en pantalla. Si no es así, necesitarás instalar Git.

Si no estás familiarizado con Git, se trata de una herramienta excelente que organiza las versiones de código en tu computadora, creada por Linus Torvalds (el creador de Linux). Puedes instalarlo siguiendo las instrucciones de su web oficial: https://git-scm.com/install/

Para usuarios de Windows, recomiendo el 'instalador independiente' (standalone installer) a menos que ya manejes otros entornos. Recuerda que es posible que necesites reiniciar tu ordenador tras la instalación.

Si te lías con la diferencia entre Git y GitHub, no te preocupes y échale un vistazo a esta guía visual. Para las tareas del día a día con Git, ¡simplemente pregúntale a tu Agente de Programación! Y si quieres dominarlo del todo, te recomiendo el fantástico libro en línea Git Book de Beej; es súper ameno e instructivo.

Y ahora – instalando Node: Abre tu terminal y escribe node --version. Deberías ver una versión igual o superior a la v22. De lo contrario, descárgalo e instálalo desde aquí: https://nodejs.org/en/download. En Windows, te recomiendo el instalador clásico en formato ejecutable (.msi).

Finalmente – clonando el repositorio: Una vez listos Git y Node, ve a tu terminal y navega hasta tu directorio de proyectos. Si ejecutas el comando pwd, deberías ver una ruta similar a C:\Users\tu-usuario\projects en PC o /Users/tu-usuario/projects en Mac. A continuación, clona nuestro repositorio Kanban con este comando:

git clone https://github.com/joanby/kanban.git

Si te quedas sin cuota mensual en Cursor, revisa la Q53 de las FAQ. Si ves que a los modelos de lenguaje más pequeños les cuesta arrancar, simplifica al máximo tu prompt: empieza pidiendo una lista de tareas básica. Luego divídela en columnas. Más tarde implementa el drag and drop (arrastrar y soltar). Divide el objetivo en pequeños pasos lógicos.

Enlaces a los IDEs de Agentes de Programación que usaremos:

• VS Code
• Github Copilot en VS Code (Nota: la extensión oficial ahora se llama Github Copilot Chat)
• OpenAI Codex (disponible directamente a través de las extensiones de VS Code)
• Google Antigravity (Nota: Antigravity ha añadido una pantalla de bienvenida. Haz clic en "Open IDE" en la esquina superior derecha para entrar al editor de código).

Semana 1 Día 4

Cómo la Asistencia de IA impacta el rendimiento de las Habilidades de Programación – una perspectiva de lo más honesta e interesante elaborada por el equipo de Anthropic.

Política de Desarrollo con LLM de Jellyfin – un conjunto de reglas comunitarias ejemplar y muy bien redactado.

Semana 1 Día 5

Aquí tienes la descarga para Docker Desktop: https://docs.docker.com/get-started/get-docker/. Si usas Windows, asegúrate de activar la opción "WSL2 backend" en lugar de "Hyper-V backend" durante la instalación.

Para clonar el proyecto de esta sesión:

git clone https://github.com/joanby/pm.git

Esto descargará el código inicial. Si deseas saltar directamente al estado del código justo antes de que activemos el modo YOLO (desatado), ejecuta esto desde la carpeta raíz del proyecto "pm":

git checkout before_yolo

¡Y ya tendrás exactamente el mismo código base con el que yo empecé en el vídeo!

Semana 2

El imperdible artículo de Simon Willison donde se acuñó por primera vez el término Vibe Engineering (Ingeniería de Vibras).

Para instalar Ollama y poder ejecutar modelos de lenguaje en local de forma gratuita, haz clic en Download aquí: https://ollama.com/

Configurando modelos gratuitos y de bajo coste en Claude Code:

En el curso explicamos detalladamente cómo configurar modelos alternativos. Aquí tienes las variables de entorno necesarias para trabajar con **Kimi K2.5 (de Moonshot AI)** a través de OpenRouter o con **gpt-oss** en local mediante Ollama:

(a) Para usar Kimi K2.5 vía OpenRouter (en Mac/Linux):

Consejo PRO: Si sufres límites de uso (rate limits) con modelos gratuitos en OpenRouter, puedes cambiar a la dirección de modelo "openrouter/free" para que te redirija automáticamente a uno disponible.

export ANTHROPIC_DEFAULT_HAIKU_MODEL="moonshotai/kimi-k2.5"
export ANTHROPIC_DEFAULT_SONNET_MODEL="moonshotai/kimi-k2.5"
export ANTHROPIC_DEFAULT_OPUS_MODEL="moonshotai/kimi-k2.5"
export ANTHROPIC_BASE_URL="https://openrouter.ai/api"
export ANTHROPIC_AUTH_TOKEN="TU_API_KEY_DE_OPENROUTER_AQUÍ"
export ANTHROPIC_API_KEY=""
claude --model moonshotai/kimi-k2.5

(b) Para usar GPT-OSS 20B vía Ollama en local (en Mac/Linux):

export ANTHROPIC_DEFAULT_HAIKU_MODEL="gpt-oss"
export ANTHROPIC_DEFAULT_SONNET_MODEL="gpt-oss"
export ANTHROPIC_DEFAULT_OPUS_MODEL="gpt-oss"
export ANTHROPIC_BASE_URL="http://localhost:11434"
export ANTHROPIC_AUTH_TOKEN="ollama"
export ANTHROPIC_API_KEY=""
ollama pull gpt-oss
claude --model gpt-oss

(c) Para usar Kimi K2.5 vía OpenRouter (en Windows PowerShell):

$env:ANTHROPIC_DEFAULT_HAIKU_MODEL="moonshotai/kimi-k2.5"
$env:ANTHROPIC_DEFAULT_SONNET_MODEL="moonshotai/kimi-k2.5"
$env:ANTHROPIC_DEFAULT_OPUS_MODEL="moonshotai/kimi-k2.5"
$env:ANTHROPIC_BASE_URL="https://openrouter.ai/api"
$env:ANTHROPIC_AUTH_TOKEN="TU_API_KEY_DE_OPENROUTER_AQUÍ"
$env:ANTHROPIC_API_KEY=""
claude --model moonshotai/kimi-k2.5

(d) Para usar GPT-OSS 20B vía Ollama en local (en Windows PowerShell):

$env:ANTHROPIC_DEFAULT_HAIKU_MODEL="gpt-oss"
$env:ANTHROPIC_DEFAULT_SONNET_MODEL="gpt-oss"
$env:ANTHROPIC_DEFAULT_OPUS_MODEL="gpt-oss"
$env:ANTHROPIC_BASE_URL="http://localhost:11434"
$env:ANTHROPIC_AUTH_TOKEN="ollama"
$env:ANTHROPIC_API_KEY=""
ollama pull gpt-oss
claude --model gpt-oss

Enlaces a otras herramientas de interés:

• OpenCode: https://opencode.ai/
• Amp: https://ampcode.com/ (Nota: actualmente Amp ha pausado sus créditos diarios gratuitos, esperemos que los reactiven pronto).

Semana 2 Día 2

¡La mejor forma de ver los Comandos de barra inclinada (Slash Commands) en Claude Code es escribir una barra / directamente en la consola para ver la ayuda contextual instantánea!

Atajos de teclado clave:

• Shift + Tab: Alternar entre los diferentes modos del agente.
• Ctrl + o: Mostrar las salidas y logs detallados.
• Ctrl + c (dos veces): Salir de la consola de Claude Code.
• Esc (dos veces): Deshacer / Rebobinar el comando actual.

Para usar Ralph Loops en Windows, un alumno nos avisó de que es necesario instalar esta dependencia para que funcione su plugin correctamente: winget install jqlang.jq. Si no lo haces, Ralph Loops suele detenerse tras la primera iteración.

Semana 2 Día 3

Enlaces a los principales directorios de servidores MCP:

• https://glama.ai
• https://mcp.so
• https://smithery.ai

Comandos útiles para MCP:

Para añadir el servidor MCP context7:

claude mcp add context7 -- npx -y @upstash/context7-mcp

Para añadir el servidor MCP Massive (el antiguo Polygon.io), usando tu clave de API:

claude mcp add massive -e MASSIVE_API_KEY=tu_api_key_aqui -- uvx --from git+https://github.com/massive-com/mcp_massive@v0.6.0 mcp_massive

Para remover un servidor MCP, usa el comando /mcp dentro del agente, o bien:

claude mcp remove context7

Para el marketplace de Skills (Habilidades): https://skills.sh. Para instalar la genial extensión de control de navegador Agent Browser, usa la siguiente secuencia de comandos:

npm install -g agent-browser
agent-browser install
npx skills add https://github.com/vercel-labs/agent-browser --skill agent-browser

Semana 2 Días 4 y 5

Añadir servidores remotos avanzados:

Para agregar el servidor remoto MCP de GitHub Copilot (reemplaza TU_GITHUB_PAT por tu token de acceso personal):

claude mcp add --transport http github https://api.githubcopilot.com/mcp --header "Authorization: Bearer TU_GITHUB_PAT"

Para añadir el servidor MCP de Atlassian Jira:

claude mcp add --transport http atlassian https://mcp.atlassian.com/v1/mcp

Puedes crear tu cuenta de Jira para las pruebas aquí: https://www.atlassian.com/software/jira

Enlace a los tickets de Jira que usaremos en la práctica (disponible también en la carpeta de Slides compartida al inicio): Documento de Tickets de Jira.

Nota: Mi archivo CLAUDE.md tiene hardcodeados los nombres de los tickets de prueba (ej: PL-1). Si los tuyos se llaman diferente en tu Jira, recuerda editarlos en tu archivo o pedirle a Claude que lo haga por ti.

Aquí tienes el repositorio con mi solución final completa de este proyecto para que la uses de referencia o extraigas la Skill de Cerebras: https://github.com/joanby/prelegal.git. Puedes clonarlo con:

git clone https://github.com/joanby/prelegal.git

¡Si se te ocurren mejoras en las instrucciones o nuevas Skills, anímate a enviar un Pull Request en la carpeta community_contributions!

Semana 3

Semana 3 Día 1

• Instalar Codex CLI: https://developers.openai.com/codex/cli/
• Documentación oficial de subagentes y funciones avanzadas en Claude Code: https://code.claude.com/docs/en/sub-agents
• El proyecto FinAlly: https://github.com/joanby/finally (Clónalo con: git clone https://github.com/joanby/finally). Puedes alternar entre las ramas de Git para seguir el curso a tu ritmo:

Para situarte con el PLAN.md escrito y los subagentes declarados pero sin datos de mercado implementados: git checkout start

Para saltar a la versión con el componente de datos de mercado completado al final del Día 1: git checkout main

Semana 3 Día 2

Nota importante sobre el enfoque 4 (GitHub App): En el vídeo me salté un paso. Tal y como me avisó un estudiante, para conectar la aplicación de GitHub, primero necesitas hacer un "fork" de mi repositorio a tu propia cuenta de GitHub y trabajar sobre tu copia. Aquí tienes los pasos a seguir:

1. Ve a https://github.com/joanby/finally y haz clic en "Fork" arriba a la derecha.
2. Visita tu repositorio copiado en https://github.com/tu-usuario/finally.
3. Ve a Settings en el menú principal del repositorio y asegúrate de activar la casilla de "Issues" en la sección Features.
4. En la terminal de tu copia local, cambia la URL del repositorio remoto al tuyo propio ejecutando: git remote set-url origin https://github.com/tu-usuario/finally.git

Los 5 enfoques para ejecutar Claude Code de forma remota:

1. Escribir un símbolo & antes de tu petición en Claude Code para ejecutarla en segundo plano.
2. Usar el comando claude --remote.
3. Usar la interfaz web (claude.ai/code) y la aplicación oficial de Claude en tu smartphone.
4. Instalar la aplicación de GitHub en tu fork para interactuar etiquetando a @claude en los Issues.
5. Utilizar un entorno sandbox externo rápido como sprites.dev en Fly.io: https://sprites.dev/.

Semana 3 Día 3

Para proyectos de gran envergadura, puedes profundizar con estas herramientas:

• Documentación de Claude Agent SDK: https://platform.claude.com/docs/en/agent-sdk/overview
• Cowork de Anthropic: https://claude.com/product/cowork
• OpenClaw: https://openclaw.ai/

Semana 3 Días 4 y 5

Enlaces a Claude Agent Teams: https://code.claude.com/docs/en/agent-teams.

Enlace a GSD (Get Shit Done): IMPORTANTE: Debido a cambios con la autoría original, la versión mantenida de forma activa por la comunidad está ahora aquí: https://github.com/open-gsd/gsd-core. Si lo vas a usar en modo YOLO puro, es muy recomendable combinarlo con sprites.dev.

Para el proyecto FinAlly (repositorio: https://github.com/joanby/finally), aquí tienes las ramas útiles que puedes explorar según el comando de Git checkout:

EXTRA MUY OPCIONAL si no te importa un poco de caos: ¡Gas Town!

Instrucciones detalladas de instalación de Gas Town: https://github.com/steveyegge/gastown.

He subido este proyecto específico a un repositorio independiente para facilitar la tarea: https://github.com/joanby/fin. En este repositorio:

OTRO EXTRA OPCIONAL – usando tmux

Si quieres probar Claude Agent Teams en modo multipantalla con tmux, necesitas estar en Mac, Linux o en Windows usando WSL2. Asegúrate primero de instalar tmux siguiendo su guía oficial: https://github.com/tmux/tmux/wiki/Installing.

Luego, para crear una nueva sesión de tmux llamada "quad":

tmux new -s "quad"

Otros comandos útiles de tmux:

• Listar sesiones activas: tmux ls
• Volver a conectarse a la sesión "quad": tmux attach -t "quad"
• Moverse entre paneles: Ctrl + b seguido de la tecla de dirección (flechas).

¡Y listo! Ya tienes a tu manager de agentes a la izquierda coordinando de forma paralela a un ingeniero de backend, uno de frontend y uno de DevOps a la derecha en paneles tmux independientes automáticos.