Agent Chat UI 是一个基于 Next.js 的应用程序，它为与任何 LangChain 代理进行交互提供了对话界面。它支持实时聊天、工具可视化以及时间旅行调试和状态分叉等高级功能。Agent Chat UI 可与使用 create_agent 创建的代理无缝协作，并为您的代理提供交互式体验，无论您是在本地运行还是在部署环境中运行（例如 LangSmith），只需最少的设置。 Agent Chat UI 是开源的，可以根据您的应用需求进行调整。
您可以在 Agent Chat UI 中使用生成式 UI。更多信息，请参阅 使用 LangGraph 实现生成式用户界面。

​
快速开始

最快的方式是使用托管版本：
  1. 访问 Agent Chat UI
  2. 连接您的代理，输入您的部署 URL 或本地服务器地址
  3. 开始聊天 - UI 将自动检测并渲染工具调用和中断

​
本地开发

如需自定义或本地开发，您可以在本地运行 Agent Chat UI：

​
连接到你的代理

Agent Chat UI 可以连接到本地代理和已部署的代理。 启动 Agent Chat UI 后，需要配置它来连接你的代理：
  1. Graph ID：输入你的图名称（可在 langgraph.json 文件的 graphs 下找到）
  2. Deployment URL：你的 Agent server 端点（例如本地开发使用 http://localhost:2024，或使用已部署代理的 URL）
  3. LangSmith API key（可选）：添加你的 LangSmith API 密钥（如果使用本地 Agent server，则不需要）
配置完成后，Agent Chat UI 会自动获取并显示代理中任何已中断的线程。
Agent Chat UI 原生支持渲染工具调用和工具结果消息。如需自定义显示哪些消息，请参阅 Hiding Messages in the Chat。
Connect these docs to Claude, VSCode, and more via MCP for real-time answers.
Edit this page on GitHub or file an issue.