assistant-ui

什么是assistant-ui？

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 系统，适用于更丰富的交互场景。

常见问题