8.11.3 LangChain 前端（assistant-ui）

assistant-ui

本页面内容：

• 工作原理
• 安装
• 对接 useStream
• 消息格式转换
• 自定义会话 UI
• 最佳实践

assistant-ui

带完整运行时的无样式 React AI 聊天框架，可对接 useStream

assistant-uiassistant-ui 是面向 React 的无 UI 样式、强运行时 AI 聊天组件库。它自带会话管理、消息分支、附件处理、流式渲染等完整能力，只需通过适配器把 LangChain 的 useStream 消息转成它支持的格式，就能快速做出可高度自定义、功能齐全的 AI 聊天页面，不用自己从头写聊天逻辑——并通过useExternalStoreRuntime适配器连接到useStream。

你可以克隆并运行完整的 assistant-ui 示例项目，查看通过useExternalStoreRuntime连接到 LangChain 智能体的 Claude 风格聊天界面。

工作原理

1. 用 useStream 获取流式数据
   连接你的智能体，获取响应式消息、加载状态、以及提交/取消回调。