跳到主要内容

文档索引

在以下地址获取完整的文档索引：https://docs.langchain.org.cn/llms.txt

在进一步探索之前，请使用此文件发现所有可用页面。

构建可实时可视化深度智能体（Deep Agent）工作流的前端。这些模式展示了如何为使用 createDeepAgent 创建的智能体渲染子智能体进度、任务规划、流式内容以及类似 IDE 的沙盒体验。

​
架构

Deep Agents 使用协调者-工作者架构。主智能体负责规划任务并将其委派给在隔离环境下运行的专用子智能体。在前端，useStream 可以同时呈现协调者的消息和每个子智能体的流式状态。 
from deepagents import create_deep_agent

agent = create_deep_agent(
    model="google_genai:gemini-3.1-pro-preview",
    tools=[get_weather],
    system_prompt="You are a helpful assistant",
    subagents=[
        {
            "name": "researcher",
            "description": "Research assistant",
        }
    ],
)
在前端，使用 useStream 的方式与 createAgent 相同。Deep Agent 模式使用了 useStream 的额外功能，如 stream.subagents、stream.values.todos 以及 filterSubagentMessages，以渲染特定于子智能体的界面。 
import { useStream } from "@langchain/react";

function App() {
  const stream = useStream<typeof agent>({
    apiUrl: "https://:2024",
    assistantId: "agent",
  });

  // Deep agent state beyond messages
  const todos = stream.values?.todos;
  const subagents = stream.subagents;
}

​
模式

子智能体流式传输

展示带有流式内容、进度跟踪和可折叠卡片的专用子智能体。

待办事项列表

通过与智能体状态同步的实时待办事项列表，跟踪智能体的进度。

沙箱

构建一个包含文件浏览器、代码查看器和由沙盒支持的差异对比面板的类 IDE 界面。
LangChain 前端模式（包括 Markdown 消息、工具调用和人工参与环节）同样适用于 Deep Agents。Deep Agents 构建在相同的 LangGraph 运行时之上，因此 useStream 提供了相同的核心 API。
将这些文档连接到 Claude、VSCode 等，以获得实时答案。
在 GitHub 上编辑此页面 或 提交议题。
© . This site is unofficial and not affiliated with LangChain, Inc.