Demo de código abierto en Next.js que recrea la Intelligent UI de ChatGPT y transmite respuestas del modelo como mapas, gráficos, formularios y herramientas interactivas basadas en OpenUI.
77159TypeScriptMITActualizado hace 5 días
langchain-ai/agent-chat-ui
Interfaz de chat en Next.js para conversar con cualquier servidor LangGraph que exponga una clave messages, en Python o TypeScript.
- Estrellas
- 3,237
- Forks
- 694
- Issues abiertos
- 90
- Último commit
- hace 3 días
¿Qué es?
Agent Chat UI es una aplicación web de Next.js que se conecta a un servidor LangGraph y permite chatear con el agente que aloja. Solo tienes que indicar la URL de despliegue y el ID de un asistente o grafo; la aplicación envía mensajes y muestra las respuestas transmitidas en una vista de chat. Funciona con servidores LangGraph escritos en Python o TypeScript, siempre que el grafo use una clave messages.
Además del chat básico, la aplicación puede ocultar mensajes de la interfaz mediante una etiqueta de streaming en el modelo o un prefijo de ID para no mostrar, y puede mostrar artefactos en un panel lateral junto a la conversación. La configuración se puede hacer con un formulario en pantalla o mediante variables de entorno que omiten el formulario. Hay una demo desplegada disponible y puedes ejecutar una copia local con pnpm dev.
Para producción, el proyecto incluye una ruta de passthrough de API que adjunta una clave de API de LangSmith en el servidor, de modo que los usuarios finales no necesitan una. La documentación advierte que esta ruta no autentica a quienes la llaman, por lo que recomienda configurar autenticación personalizada en el despliegue de LangGraph antes de ponerlo en marcha.
Funciones clave
- 01Permite chatear con cualquier servidor LangGraph que tenga una clave messages, en Python o TypeScript.
- 02Se configura mediante un formulario en pantalla o variables de entorno.
- 03Oculta mensajes de la interfaz, durante la transmisión o de forma permanente.
- 04Muestra artefactos en un panel lateral junto al chat.
- 05Incluye una ruta de passthrough de API que mantiene la clave de API de LangSmith en el servidor.
Casos de uso
- Probar un agente de LangGraph durante el desarrollo con una interfaz de chat lista para usar.
- Ofrecer a un equipo una interfaz web para un agente interno de LangGraph.
- Crear una interfaz de chat personalizada a partir de un ejemplo funcional de Next.js.
Inicio rápido
- 1
Crea el proyecto con el comando npx
npx create-agent-chat-app - 2
Instala las dependencias con pnpm
pnpm install - 3
Ejecuta la aplicación y abre http://localhost:3000
pnpm dev
Antes de usarlo
- Para conectarse a servidores de LangGraph implementados, se necesita una clave de API de LangSmith.
- El README advierte que la configuración de API passthrough no autentica a quienes realizan las llamadas y debe protegerse antes del despliegue.
Temas
Preguntas frecuentes
- ¿Qué es agent-chat-ui?
- Interfaz de chat en Next.js para conversar con cualquier servidor LangGraph que exponga una clave messages, en Python o TypeScript. Agent Chat UI es una aplicación web de Next.js que se conecta a un servidor LangGraph y permite chatear con el agente que aloja. Solo tienes que indicar la URL de despliegue y el ID de un asistente o grafo; la aplicación envía mensajes y muestra las respuestas transmitidas en una vista de chat. Funciona con servidores LangGraph escritos en Python o TypeScript, siempre que el grafo use una clave messages.
- ¿agent-chat-ui es gratuito? ¿Qué licencia tiene?
- agent-chat-ui es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿agent-chat-ui sigue mantenido?
- Mantenimiento activo. El último commit de agent-chat-ui fue el 19 oct 2026.
- ¿Para qué puedo usar agent-chat-ui?
- Probar un agente de LangGraph durante el desarrollo con una interfaz de chat lista para usar. Ofrecer a un equipo una interfaz web para un agente interno de LangGraph. Crear una interfaz de chat personalizada a partir de un ejemplo funcional de Next.js.
- ¿Cómo se instala agent-chat-ui?
- Crea el proyecto con el comando npx: npx create-agent-chat-app Instala las dependencias con pnpm: pnpm install Ejecuta la aplicación y abre http://localhost:3000: pnpm dev
- ¿Dónde consigo agent-chat-ui?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/langchain-ai/agent-chat-ui
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
SDK de TypeScript para crear aplicaciones nativas de agentes con UI generativa, estado compartido y flujos con intervención humana en React, Angular, Vue y aplicaciones de chat.
38,2 mil4,8 milTypeScriptMITActualizado hace 2 horas
Interfaz local para usuarios avanzados que permite conversar con numerosas API de LLM, generadores de imágenes y modelos de voz TTS.
34,8 mil6,5 milJavaScriptAGPL-3.0Actualizado hace 20 días
Un plugin de DSH que muestra componentes de interfaz interactivos (gráficos, tablas, formularios, cuestionarios, diagramas y Mermaid) dentro de las respuestas del asistente.
73875TypeScriptMITActualizado ayer
Un espacio de trabajo de IA local primero para chatear con varios agentes, usar agentes de programación y crear flujos visuales, como app de escritorio o consola web autoalojada.
11,5 mil1,4 milTypeScriptOtherActualizado hace 6 horas
Framework open source de LLM multiagente que simula una firma de trading, con agentes analistas, investigadores, traders y de riesgos que debaten decisiones de mercado.
112,9 mil21,8 milPythonApache-2.0Actualizado hace 6 días