60 lines
1.4 KiB
Markdown
60 lines
1.4 KiB
Markdown
---
|
|
layout: default
|
|
---
|
|
|
|
# Arquitectura de Componentes
|
|
|
|
<p class="text-sm opacity-80 -mt-2">Los componentes trabajan juntos para crear aplicaciones AI sofisticadas</p>
|
|
|
|
<div class="mt-4">
|
|
|
|
## 🧩 Seis Categorías Principales
|
|
|
|
<div class="grid grid-cols-3 gap-3 mt-4 text-sm">
|
|
|
|
<v-click>
|
|
<div class="border-l-4 border-blue-500 pl-3 py-1">
|
|
<h3 class="font-bold text-base">📝 Models</h3>
|
|
<p class="text-xs opacity-80">Chat, LLMs, embeddings</p>
|
|
</div>
|
|
</v-click>
|
|
|
|
<v-click>
|
|
<div class="border-l-4 border-green-500 pl-3 py-1">
|
|
<h3 class="font-bold text-base">🔧 Tools</h3>
|
|
<p class="text-xs opacity-80">APIs, búsquedas, DBs</p>
|
|
</div>
|
|
</v-click>
|
|
|
|
<v-click>
|
|
<div class="border-l-4 border-purple-500 pl-3 py-1">
|
|
<h3 class="font-bold text-base">🤖 Agents</h3>
|
|
<p class="text-xs opacity-80">Orquestación y razonamiento</p>
|
|
</div>
|
|
</v-click>
|
|
|
|
<v-click>
|
|
<div class="border-l-4 border-yellow-500 pl-3 py-1">
|
|
<h3 class="font-bold text-base">💾 Memory</h3>
|
|
<p class="text-xs opacity-80">Historia y estado</p>
|
|
</div>
|
|
</v-click>
|
|
|
|
<v-click>
|
|
<div class="border-l-4 border-red-500 pl-3 py-1">
|
|
<h3 class="font-bold text-base">🔍 Retrievers</h3>
|
|
<p class="text-xs opacity-80">Búsqueda vectorial y web</p>
|
|
</div>
|
|
</v-click>
|
|
|
|
<v-click>
|
|
<div class="border-l-4 border-orange-500 pl-3 py-1">
|
|
<h3 class="font-bold text-base">📄 Documents</h3>
|
|
<p class="text-xs opacity-80">Loaders, splitters</p>
|
|
</div>
|
|
</v-click>
|
|
|
|
</div>
|
|
|
|
</div>
|