assistant-ui/assistant-ui

解决的问题

无需在 React 应用中从零开始构建复杂的 AI 聊天界面。它提供了生产就绪的 UI 组件以及连接前端与各种 AI 后端所需的底层架构，确保无需手动实现流式传输、自动滚动或无障碍访问，即可获得精致的用户体验。

工作原理

该库提供了一组可组合的 React 原语（如 Thread、Message 和 Composer），开发者可以使用它们构建自己的聊天 UI。它采用运行时提供者系统，通过适配器将这些 UI 组件连接到不同的 AI 后端。它原生支持与 Vercel AI SDK、LangGraph 和 LangChain 的集成，同时也支持自定义数据流后端。

适用人群

使用 TypeScript 和 React（包括 Next.js）的前端和全栈开发者，希望快速将专业级 AI 聊天界面集成到应用中。

主要亮点

• 可组合 UI：提供灵活的原语，可单独设置样式，或从 shadcn/ui 主题开始。
• 生产级功能：内置对流式传输、Markdown、代码高亮、语音输入和键盘快捷键的支持。
• 生成式 UI：能够将工具调用和 JSON 渲染为带有人类审批工作流的交互式 React 组件。
• 广泛的后端支持：通过多种 SDK 和自定义 HTTP 后端，与 OpenAI、Anthropic、Gemini 等主要 LLM 提供商集成。