slides updated

This commit is contained in:
2026-05-26 08:51:50 +02:00
parent f6f46972c3
commit 4cf7dc3c01
3 changed files with 93 additions and 8 deletions
+8 -8
View File
@@ -4,13 +4,13 @@ layout: default
# Comparativa Rápida: Ecosistema JS/TS # Comparativa Rápida: Ecosistema JS/TS
| | LangChain.js | LlamaIndex.TS | Vercel AI | APIs Nativas | | | LangChain.js | LlamaIndex.TS | Vercel AI | Mastra | APIs Nativas |
|---|:---:|:---:|:---:|:---:| |---|:---:|:---:|:---:|:---:|:---:|
| **Madurez TS** | ⭐⭐⭐⭐ | ⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | | **Madurez TS** | ⭐⭐⭐⭐ | ⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
| **RAG** | ✅ Completo | ✅ Especializado | ⚠️ Básico | 🔧 Manual | | **RAG** | ✅ Completo | ✅ Especializado | ⚠️ Básico | ✅ Integrado | 🔧 Manual |
| **Agentes** | ✅ LangGraph | ⚠️ Básico | ✅ Agent class | 🔧 Varía | | **Agentes** | ✅ LangGraph | ⚠️ Básico | ✅ Agent class | ✅✅ Nativo | 🔧 Varía |
| **Streaming UI** | ✅ | ⚠️ | ✅✅ | ✅ | | **Streaming UI** | ✅ | ⚠️ | ✅✅ | ⚠️ | ✅ |
| **Curva aprendizaje** | Media-Alta | Media | Baja | Baja | | **Curva aprendizaje** | Media-Alta | Media | Baja | Media | Baja |
| **Vendor lock-in** | Bajo | Bajo | Bajo | Alto | | **Vendor lock-in** | Bajo | Bajo | Bajo | Bajo | Alto |
+52
View File
@@ -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>
+33
View File
@@ -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>