slides updated

2026-05-26 08:51:50 +02:00
parent f6f46972c3
commit 4cf7dc3c01
3 changed files with 93 additions and 8 deletions
@@ -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 |


@@ -0,0 +1,52 @@
+---
+layout: default
+---
+
+# Mastra
+
+Framework TypeScript-first para agentes e IA
+
+<v-clicks>
+
+### ¿Qué es?
+
+Framework open-source construido desde cero en TypeScript para crear agentes, workflows y aplicaciones LLM en producción.
+
+<div class="grid grid-cols-2 gap-4 mt-2">
+<div>
+
+**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
+
+</div>
+<div>
+
+**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 } });
+```
+
+</div>
+</div>
+
+<div class="mt-3 p-3 bg-blue-500/10 rounded text-sm">
+✅ Buena opción cuando necesitas agentes complejos con memoria, RAG y workflows todo en TypeScript.
+[mastra.ai](https://mastra.ai)
+</div>
+
+</v-clicks>
@@ -0,0 +1,33 @@
+---
+layout: default
+---
+
+# AG-UI Protocol
+
+<v-clicks>
+
+### 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)
+
+</v-clicks>