chatbot-template

克隆即用的 AI 聊天界面模板，几行配置接上模型就能跑

chatbot-template 是一个用 Next.js、AI SDK、shadcn/ui 等现代前端技术栈搭建的极简聊天机器人模板，运行在 Vercel AI Gateway 上。它解决的是开发者从零构建 AI 对话界面时重复造轮子的问题：把流式响应、消息列表、输入框、模型切换等常见交互封装成开箱即用的骨架，让开发者只需关注业务逻辑和模型接入。核心能力包括基于 AI SDK 的流式对话渲染、shadcn 组件体系带来的统一视觉与可定制性、以及通过 Vercel AI Gateway 快速切换多家模型提供商。项目定位是模板而非完整产品，代码量小、结构清晰，适合作为二次开发起点，也适合学习 Next.js App Router 与 AI SDK 的配合方式。

开源 free 对话助手

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 938

维护状态较活跃

是否开源是

定价模式 free

项目数据

分类对话助手

开发团队shadcn-ui

所属国家

官网地址

GitHubhttps://github.com/shadcn-ui/chatbot-template

定价模式free

价格说明开源免费模板，需自行部署

访问状态

是否开源是

开源协议MIT

主要语言TypeScript

技术栈/模型

GitHub 星标★ 938

30天Star增速

HF 下载量

上线时间2026-08-11 00:00:00

最近更新2026-09-16 00:00:00

维护状态较活跃

中文支持

访问方式

移动端支持

综合评分

收录时间2026-09-14

浏览次数1

使用教程

核心亮点

基于 AI SDK 实现流式输出，消息逐字渲染体验流畅
采用 shadcn/ui 组件体系，样式统一且可自由替换主题
运行在 Vercel AI Gateway 上，切换模型提供商只需改配置

不足之处

功能偏基础，缺少会话持久化、多轮上下文管理等进阶能力
强依赖 Vercel AI Gateway，迁移到自建后端需要额外改造

适用场景

快速搭建 AI 产品原型验证对话交互
学习 Next.js App Router 与 AI SDK 的集成方式
作为企业内部工具的前端聊天入口二次开发

替代项目

vercel/ai-chatbot、ChatGPT-Next-Web

项目介绍

chatbot-template 是一个对话助手领域的开源项目，官方简介：A minimal chatbot template built with Next.js, AI SDK, shadcn/ui, shadcn/react, shadcn/typeset. It runs on the Vercel AI Gateway.。项目使用 TypeScript 开发，在 GitHub 上获得 935 星标。

上一篇：rasa_chatbot_cn

下一篇：chat