# shadcn 開源 Chatbot Template，整合工具呼叫與 HITL 問卷並支援一鍵部署至 Vercel AI Gateway

> 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt)

> 原作者：shadcn (@shadcn) · 策展與摘要：EasyVibeCoding · 平台：X (Twitter) · 熱度：🔥🔥 · 日期：2026-08-12

> 原始來源：https://x.com/shadcn/status/2087153563340325341

## 證據與延伸閱讀

- [shadcn 開源 Chatbot Template，整合工具呼叫與 HITL 問卷並支援一鍵部署至 Vercel AI Gateway](https://github.com/shadcn-ui/chatbot-template) — 官方 Repository
- [完整程式碼與部署按鈕](https://vercel.com/button) — 官方文件

## 中文摘要

shadcn 開源 Chatbot Template，整合工具呼叫與 HITL 問卷並支援一鍵部署至 Vercel AI Gateway。

**功能與使用** 這個以 Next.js 和 AI SDK 建立的範本支援串流 Markdown、內建網路搜尋與 GitHub repo 查詢；部署不需額外設定，Vercel 會透過 OIDC 驗證。 本機流程為：

1. `pnpm install`
2. 執行 `vercel link`、`vercel env pull`；或執行 `cp .env.example .env.local`，再設定 `AI_GATEWAY_API_KEY=...`
3. `pnpm dev`

也能透過 `npx shadcn@latest add button` 加入元件。完整程式碼位於 [GitHub repo](https://github.com/shadcn-ui/chatbot-template)。

![](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/a1f78832fed77421.svg)
> 黑底圓角按鈕的介面截圖，右側標有白色「Deploy」字樣，左側則帶有向上三角形的白色圖示。

**安全提醒** `/api/chat` 預設公開且未驗證，每次請求都會消耗 AI Gateway credits。正式上線前須加入速率限制、支出上限與驗證，避免單一使用者耗盡額度。

## 標籤

開源專案, Web, Next, SDK, Deployment, GitHub, Vercel