shadcn-ui/chatbot-template

解决的问题

为开发者提供构建 AI 聊天机器人的极简、生产就绪的起点。它消除了使用现代 Web 框架设置流式响应、工具调用和精美用户界面所需的样板代码。

工作原理

该模板使用 Next.js 和 Vercel AI SDK 来处理流式文本响应。它与 Vercel AI Gateway 集成，用于模型管理和身份验证。前端使用 shadcn/ui 组件构建，利用专门的消息滚动器和用于 Markdown 渲染的排版。

工具调用通过模块化系统处理，每个工具（如网络搜索或 GitHub repo 查询）都有自己的定义文件和相应的 UI 组件，用于在聊天界面中渲染工具的状态（流式传输中、可用或错误）。

适用对象

想要快速部署具有专业 UI 以及工具调用和 Human-in-the-loop 交互等高级功能的实用 AI 聊天机器人的 Web 开发人员。

亮点

• 流式传输聊天：支持带有 Markdown 渲染的实时响应流。
• 工具调用：包含网络搜索和 GitHub repository 查询的示例。
• Human-in-the-Loop：具有允许模型向用户提出澄清问题的问卷组件。
• 类型安全工具：使用 InferUITools 确保工具的输入和输出完全类型化，防止开发过程中的运行时错误。