### [assistant-ui](https://dkwy.com/)

**Published:** 2026-05-06T07:54:08

**Author:** 蛋壳

**Excerpt:** assistant-ui 是一款多功能且面向开发者友好的 React 库，用于打造具备丰富用户体验的 AI 聊天界面。它提供可组合的 UI 基础组件，灵感来源于 Radix UI 和 cmdk，支持完全自定义，并内置流式回复、自动滚动、Markdown 渲染、无障碍访问与快捷键等核心功能。该库支持与多种 AI 后端集成，包括 LangGraph、Vercel 的 AI SDK 及自定义 API，便于访问各类大语言模型。同时具备生成式 UI、人机协同审批、多模态输入及有状态对话能力，是网页应用嵌入 AI 聊天的综合解决方案。

## 产品概述

assistant-ui 是一款多功能且面向开发者友好的 React 库，用于打造具备丰富用户体验的 AI 聊天界面。它提供可组合的 UI 基础组件，灵感来源于 Radix UI 和 cmdk，支持完全自定义，并内置流式回复、自动滚动、Markdown 渲染、无障碍访问与快捷键等核心功能。该库支持与多种 AI 后端集成，包括 LangGraph、Vercel 的 AI SDK 及自定义 API，便于访问各类大语言模型。同时具备生成式 UI、人机协同审批、多模态输入及有状态对话能力，是网页应用嵌入 AI 聊天的综合解决方案。

## 主要功能

|     |     |
| --- | --- |
| **可组合 UI 基础组件** | 模块化 React 组件，灵感来源于 Radix UI 和 cmdk，开发者可完全自定义聊天界面设计与行为。 |
| **多模型 AI 集成** | 支持多种 AI 服务商，包括 OpenAI、Anthropic、Mistral、Perplexity、AWS Bedrock、Azure、Google Gemini 等，后端切换便捷。 |
| **高级聊天体验** | 内置流式大模型回复、自动滚动、Markdown 与代码高亮、文件附件、键盘无障碍访问与实时更新等功能。 |
| **生成式 UI 与工具调用** | 将大模型工具调用和 JSON 输出映射为自定义 UI 组件，实现交互式、丰富视觉的对话和前端操作。 |
| **人机协同支持** | 支持用户审批与输入收集，加强关键流程中的安全性与可控性。 |
| **有状态与多模态交互** | 支持多轮对话，具备上下文感知、持久记忆，并可接收除文本外的图片、文档等输入。 |

## 使用场景

-   **应用内 AI 助手：**为网页应用嵌入对话式 AI 界面，适用于客户支持、效率工具或个人助手等场景。
-   **定制 AI 聊天机器人：**打造具备独特界面和集成能力的专属聊天机器人，满足特定业务或用户需求。
-   **人机协作流程：**实现用户审核和批准 AI 生成操作的工作流，确保结果准确合规。
-   **交互式数据展示：**通过生成式 UI 在聊天中展示结构化数据、图表或工具输出，提升用户理解。
-   **多模态 AI 界面：**开发可同时处理文本、图片或文档的 AI 系统，适用于更丰富的交互场景。



---