slides updated
This commit is contained in:
@@ -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 |
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -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>
|
||||||
Reference in New Issue
Block a user