diff --git a/slides/pages/alternatives/08.md b/slides/pages/alternatives/08.md index 8a67de9..9ee7ffd 100644 --- a/slides/pages/alternatives/08.md +++ b/slides/pages/alternatives/08.md @@ -4,13 +4,13 @@ layout: default # Comparativa Rápida: Ecosistema JS/TS -| | LangChain.js | LlamaIndex.TS | Vercel AI | APIs Nativas | -|---|:---:|:---:|:---:|:---:| -| **Madurez TS** | ⭐⭐⭐⭐ | ⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | -| **RAG** | ✅ Completo | ✅ Especializado | ⚠️ Básico | 🔧 Manual | -| **Agentes** | ✅ LangGraph | ⚠️ Básico | ✅ Agent class | 🔧 Varía | -| **Streaming UI** | ✅ | ⚠️ | ✅✅ | ✅ | -| **Curva aprendizaje** | Media-Alta | Media | Baja | Baja | -| **Vendor lock-in** | Bajo | Bajo | Bajo | Alto | +| | LangChain.js | LlamaIndex.TS | Vercel AI | Mastra | APIs Nativas | +|---|:---:|:---:|:---:|:---:|:---:| +| **Madurez TS** | ⭐⭐⭐⭐ | ⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ | +| **RAG** | ✅ Completo | ✅ Especializado | ⚠️ Básico | ✅ Integrado | 🔧 Manual | +| **Agentes** | ✅ LangGraph | ⚠️ Básico | ✅ Agent class | ✅✅ Nativo | 🔧 Varía | +| **Streaming UI** | ✅ | ⚠️ | ✅✅ | ⚠️ | ✅ | +| **Curva aprendizaje** | Media-Alta | Media | Baja | Media | Baja | +| **Vendor lock-in** | Bajo | Bajo | Bajo | Bajo | Alto | diff --git a/slides/pages/alternatives/12.md b/slides/pages/alternatives/12.md new file mode 100644 index 0000000..ebd4d4f --- /dev/null +++ b/slides/pages/alternatives/12.md @@ -0,0 +1,52 @@ +--- +layout: default +--- + +# Mastra + +Framework TypeScript-first para agentes e IA + + + +### ¿Qué es? + +Framework open-source construido desde cero en TypeScript para crear agentes, workflows y aplicaciones LLM en producción. + +
+
+ +**Lo que aporta** +- Agentes con memoria, tools y RAG integrado +- Workflows graph-based (nodos + edges tipados) +- Observabilidad con OpenTelemetry incluida +- Integraciones con +100 servicios (GitHub, Slack, Stripe…) +- Syncs para sincronizar datos externos al contexto + +
+
+ +**Ejemplo básico** + +```typescript +import { Mastra, Agent } from "@mastra/core"; + +const agent = new Agent({ + name: "Assistant", + model: openai("gpt-4.1"), + instructions: "Eres un asistente útil.", + tools: { weatherTool }, + memory: new Memory(), +}); + +const mastra = new Mastra({ agents: { agent } }); +``` + +
+
+ +
+✅ Buena opción cuando necesitas agentes complejos con memoria, RAG y workflows todo en TypeScript. +[mastra.ai](https://mastra.ai) +
+ +
diff --git a/slides/pages/pending/10.md b/slides/pages/pending/10.md new file mode 100644 index 0000000..ce158f2 --- /dev/null +++ b/slides/pages/pending/10.md @@ -0,0 +1,33 @@ +--- +layout: default +--- + +# AG-UI Protocol + + + +### El tercer protocolo agentico + +| Protocolo | Conecta... | +|-----------|-----------| +| **MCP** | Agente ↔ Herramientas | +| **A2A** | Agente ↔ Agente | +| **AG-UI** | Agente ↔ Usuario | + +AG-UI **desacopla** el backend agentico del frontend: el servidor emite eventos AG-UI independientemente del framework usado (LangGraph, CrewAI...); el cliente los consume independientemente de la UI. Cada lado evoluciona por separado. + +### Estandariza la sesión, no solo el acceso + +Los agentes no caben en request/response: ejecuciones largas, trabajo intermedio visible, comportamiento no determinístico. AG-UI modela la **sesión completa** agente-usuario con 16 eventos tipados sobre HTTP o WebSockets — no es solo un endpoint, es un contrato de interacción viva. + +### La UI controlada por el agente (Generative UI) + +El agente no solo devuelve texto — renderiza componentes, sincroniza estado compartido con el frontend y expone pasos de razonamiento en tiempo real. El agente *construye* la interfaz. + +### Human-in-the-loop como primitiva del protocolo + +Interrupciones nativas: pausar, aprobar o editar en cualquier punto del flujo **sin perder estado**. El humano es parte del protocolo, no un caso especial. + +[Docs: ag-ui.com](https://docs.ag-ui.com/introduction) + +