---
layout: center
class: text-center
---

# Ecosistema LangChain

<div class="grid grid-cols-3 gap-8 mt-12">

<div v-click>
  <div class="text-4xl mb-4">⛓️</div>
  <div class="font-bold text-xl">LangChain (v1)</div>
  <div class="text-sm opacity-70 mt-2">Interfaz productiva para agentes</div>
  <div class="text-sm opacity-70">createAgent + Middleware</div>
</div>

<div v-click>
  <div class="text-4xl mb-4">🕸️</div>
  <div class="font-bold text-xl">LangGraph</div>
  <div class="text-sm opacity-70 mt-2">Motor de runtime confiable</div>
  <div class="text-sm opacity-70">Persistencia, streaming, control granular</div>
</div>

<div v-click>
  <div class="text-4xl mb-4">🔍</div>
  <div class="font-bold text-xl">LangSmith</div>
  <div class="text-sm opacity-70 mt-2">Observabilidad + Evaluación</div>
  <div class="text-sm opacity-70">Tracing automático, debugging visual</div>
</div>

</div>
