Proyecto · IA · Formación

Agents 101

Un laboratorio para que desarrolladores que nunca hicieron un agente construyan el primero, con el AI SDK de Vercel dentro de una app Next.js y Claude Code como copiloto.

Rol: Diseño del laboratorio y la guía
Año: 2026
Formato: Repositorio y guía paso a paso
Stack: Next.js · Vercel AI SDK · Gemini

Para quién

Para quien nunca construyó un agente

La guía arranca desde instalar Claude Code y clonar el repositorio, y avanza sin asumir conocimiento previo del AI SDK ni de patrones agénticos.

Qué se aprende

Los cuatro pilares de un agente

Chat con streaming
La respuesta aparece mientras el modelo escribe, con useChat y un route handler.
Tool calling
El modelo decide cuándo llamar a una función propia y usa lo que devuelve.
Salida estructurada
Respuestas con forma fija, validadas con zod.
Proveedor intercambiable
Gemini por defecto, con el AI SDK para cambiarlo sin reescribir la app.

Cómo está armado

El repo le explica las reglas a la IA

Un CLAUDE.md funciona como contrato entre la persona y Claude Code: define el contexto, las reglas de trabajo y cómo explicar cada paso. Así el copiloto acompaña al alumno en vez de resolverle todo.

Herramientas