Skip to main content

Documentation Index

Fetch the complete documentation index at: https://nvd-54.mintlify.app/llms.txt

Use this file to discover all available pages before exploring further.

Agent Chat UI is a Next.js application that provides a conversational interface for interacting with any LangChain agent. It supports real-time chat, tool visualization, and advanced features like time-travel debugging and state forking. Agent Chat UI works seamlessly with agents created using create_agent and provides interactive experiences for your agents with minimal setup, whether you’re running locally or in a deployed context (such as LangSmith). Agent Chat UI is open source and can be adapted to your application needs.
You can use generative UI in the Agent Chat UI. 有关更多信息，请参阅 Implement generative user interfaces with LangGraph.

​
Quick start

The fastest way to get started is using the hosted version:
  1. Visit Agent Chat UI
  2. Connect your agent by entering your deployment URL or local server address
  3. Start chatting - the UI will automatically detect and render tool calls and interrupts

​
Local development

For customization or local development, you can run Agent Chat UI locally: 
# Create a new Agent Chat UI project
npx create-agent-chat-app --project-name my-chat-ui
cd my-chat-ui

# Install dependencies and start
pnpm install
pnpm dev

​
连接你的智能体

智能体聊天 UI 可以连接到本地和已部署的智能体。 启动智能体聊天 UI 后，你需要配置它来连接你的智能体：
  1. Graph ID：输入你的图名称（可以在 langgraph.json 文件的 graphs 下找到）
  2. 部署 URL：你的智能体服务器端点（例如，本地开发使用 http://localhost:2024，或你的已部署智能体 URL）
  3. LangSmith API 密钥（可选）：添加你的 LangSmith API 密钥（如果使用本地智能体服务器则不需要）
配置完成后，智能体聊天 UI 将自动获取并显示你的智能体中任何被中断的线程。
智能体聊天 UI 内置支持渲染工具调用和工具结果消息。要自定义显示哪些消息，请参阅在聊天中隐藏消息。
将这些文档连接到 Claude、VSCode 等工具，通过 MCP 获取实时答案。
在 GitHub 上编辑此页面或提交 issue。