LangChain y LangGraph de Forma Sencilla
Introducción a la Interfaz
Cuando accedas a tu instancia de FlowWise, verás una interfaz limpia y organizada. Puedes elegir entre el modo claro (por defecto) o el modo oscuro según tus preferencias.
Panel Principal – Chatflows
Al iniciar FlowWise por primera vez, la sección de Chatflows estará vacía, lo cual es completamente normal. Aquí es donde aparecerán todos los flujos de conversación que vayas creando.
Configuración y Actualizaciones
En la esquina superior derecha encontrarás el menú de Configuración:
- Acerca de FlowWise: Muestra la versión actual y la última disponible
- Actualizaciones: Te indica si hay nuevas versiones con funcionalidades mejoradas
Importante: Mantén FlowWise actualizado ejecutando npm update -g flowwise
en tu terminal para acceder a las últimas características.
Menú Lateral – Navegación Principal
El panel izquierdo contiene todas las herramientas principales:
- Chatflows: Flujos de conversación básicos
- Agent flows: Flujos de agentes (lo que más utilizaremos)
- Marketplace: Plantillas y herramientas prediseñadas
- Tools: Herramientas personalizadas
- Assistants: Asistentes de IA
- Credentials: Credenciales de API
- Variables: Variables del sistema
- API Keys: Claves de API
- Document Stores: Almacenes de documentos
Creando tu Primer Flujo de Agentes
Paso 1: Iniciar un Nuevo Agente
- Ve a Agent flows → Add new
- Entrarás al editor visual de nodos
Paso 2: Componentes Básicos
El sistema utiliza una arquitectura de Supervisor y Workers (trabajadores):
- Supervisor: Actúa como coordinador (CEO)
- Workers: Realizan tareas específicas (empleados especializados)
Paso 3: Conectar Componentes
- Haz clic en + para añadir nodos
- Arrastra conexiones entre nodos
- Configura cada componente según tus necesidades
Tipos de Nodos Disponibles
Modelos de Chat
- OpenAI: GPT-4, GPT-3.5, etc.
- Ollama: Modelos locales
- Otros: Múltiples proveedores disponibles
Herramientas Especializadas
- Calculadora: Para operaciones matemáticas
- Búsqueda web: Para información actualizada
- APIs personalizadas: Mediante JavaScript
Almacenamiento y Recuperación
- Document Loaders: Carga documentos
- Vector Stores: Bases de datos vectoriales
- Embeddings: Modelos de incrustación
Marketplace – Plantillas Prediseñadas
El Marketplace ofrece agentes listos para usar:
Agentes Populares
- API Agent: Interactúa con APIs externas
- AutoGPT: Agente autónomo
- OpenAI Assistant: Integración directa con OpenAI
- Lead Outreach: Generación de emails personalizados
Filtros Útiles
- Por Framework: LangChain, LlamaIndex
- Por Tipo: Chatbot, soporte, finanzas, etc.
- Por Popularidad: Los más utilizados por la comunidad
Configuración de Herramientas Personalizadas
Creación de Custom Tools
- Ve a Tools → Custom Tools
- Escribe funciones JavaScript
- Conecta con APIs externas
- Implementa lógica personalizada
Ejemplo de Uso
// Herramienta para obtener precio de Bitcoin
function getBitcoinPrice() {
// Lógica para consultar API de criptomonedas
}
Gestión de Credenciales
En la sección Credentials puedes configurar:
- API keys de OpenAI
- Credenciales de Google
- Tokens de Hugging Face
- Accesos a bases de datos
Agentes Secuenciales vs Multi-Agentes
Multi-Agentes
- Supervisor coordina múltiples workers
- Trabajadores especializados
- Comunicación paralela
Agentes Secuenciales
- Flujo lineal de tareas
- Nodo de inicio y fin
- Procesamiento paso a paso
Mejores Prácticas
- Empieza Simple: Comienza con un agente básico
- Usa Plantillas: Aprovecha el Marketplace
- Mantén Actualizado: Revisa versiones regularmente
- Documenta: Guarda configuraciones importantes
- Prueba Gradualmente: Añade complejidad paso a paso
Recursos Adicionales
La documentación oficial de FlowWise incluye:
- Guías de inicio rápido
- Referencias de API
- Ejemplos de código
- Configuraciones avanzadas
- Integraciones con frameworks
Próximos Pasos
En las siguientes lecciones aprenderás a:
- Crear tu primer agente desde cero
- Configurar herramientas personalizadas
- Integrar APIs externas
- Implementar RAG (Retrieval Augmented Generation)
- Desplegar agentes en producción
Recuerda: FlowWise hace que tecnologías complejas como LangChain y LangGraph sean accesibles mediante una interfaz visual intuitiva. ¡Experimenta y diviértete creando!
Consejo Final: La mejor forma de aprender FlowWise es practicando. No tengas miedo de experimentar con diferentes configuraciones y plantillas.