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 streamingLa respuesta aparece mientras el modelo escribe, con
useChaty un route handler. - Tool callingEl modelo decide cuándo llamar a una función propia y usa lo que devuelve.
- Salida estructuradaRespuestas con forma fija, validadas con zod.
- Proveedor intercambiableGemini 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
Con qué está hecho
Next.js 15React 19TypeScriptTailwind 4Vercel AI SDKGeminizodClaude Code
Siguiente proyectoEntrenador de vocabulario
Ver →