概览 - Docs by LangChain中文

useStream 与 UI 无关。它会返回普通的响应式状态，包括消息、工具调用、加载标志、值和线程元数据，你可以将这些状态连接到所选择的任何视觉层。这些页面展示不同库如何与 LangChain 前端集成，每个库在构建 AI 聊天和生成式 UI 时都有不同理念。

集成

完整的 AI 聊天运行时，并支持结构化生成式 UI。向 LangGraph 部署添加自定义 CopilotKit 端点，然后在 React 中渲染动态组件树。

基于 shadcn/ui 的可组合 AI 聊天组件。直接加入 Conversation、Message、Tool 和 Reasoning，并将它们连接到 stream.messages。

带完整运行时层的 headless React 框架。通过 useExternalStoreRuntime 适配器将 useStream 桥接到 AssistantRuntimeProvider。

生成式 UI 库，让代理可以用声明式组件 DSL 生成完整的交互式仪表板。专为数据丰富、报告式 UI 构建。

每个库都适配略有不同的集成模型。选择取决于你要构建哪类 UI：

	CopilotKit	AI Elements	assistant-ui	OpenUI
最适合	完整聊天运行时加结构化生成式 UI	带丰富消息类型的聊天	最少设置的完整聊天	生成仪表板和报告
UI 风格	CopilotKit 聊天外壳 + 自定义消息渲染器	可组合 shadcn/ui 组件	Headless slots + 默认主题	带声明式 DSL 的预构建组件库
自定义	自定义后端端点、代理上下文和渲染器	直接编辑源文件	覆盖组件 slots	通过 CSS 自定义属性设置主题
流式 UX	运行时管理聊天流，并带结构化助手 payload	组件级渐进式渲染	内置线程管理	Hoisting：外壳立即出现，数据随后填充
工具调用	通过 CopilotKit 运行时和自定义渲染器	`Tool` / `ToolHeader` / `ToolOutput`	通过消息 slots 自定义	内联在生成的 UI 中
代理格式	结构化助手响应加可选 Markdown	任意 `stream.messages`	任意 `stream.messages`	代理输出 openui-lang 文本

这四个库都能很好地配合 LangChain 代理使用，后三个也可以直接连接到 useStream。当你需要更丰富的运行时层，以及一个可以与 LangGraph 部署并存的专用端点时，CopilotKit 尤其有用。

Connect these docs to Claude, VSCode, and more via MCP for real-time answers.