多 Agent 工作台模板
可重用的多 Agent 工作台,涵蓋用戶對話、管理員營運後台及開發者設定台三種角色入口,支援主題發布與版本回滾。
https://story-agents.vercel.app
前往 BobAI
Agent
Multi-agent
Template
-
項目說明
多 Agent 工作台模板(Pioneer Agent)
一句簡介
一套可重用的多 Agent 工作台模板,內建普通用戶對話端、管理員營運後台、開發者設定台三種角色入口,開箱即用。
專案定位
本專案為需快速搭建 AI 多 Agent 平台的團隊提供完整的工作台範本。透過預設三種角色入口——普通用戶、管理員及開發者,全面覆蓋終端用戶對話、平台營運管理,以至 Agent 配置等全鏈路需求。團隊可基於此範本快速客製化屬於自身的多 Agent 應用。
主要功能
1. 普通用戶對話端
用戶登入後進入對話頁面,選取已啟用的 Agent 提問,並查看個人歷史紀錄。
用戶能力:
- 瀏覽所有已啟用的 Agent
- 選擇 Agent 開始對話
- 流式輸出即時回應
- 顯示聯網搜尋來源
- 查看個人對話歷史
2. 管理員營運後台
管理員登入後台,可管理用戶帳號、查閱對話歷史及使用數據儀表板。
管理功能:
- 用戶帳戶管理與啟用/停用
- 對話歷史查閱與審計
- 使用數據分析儀表板
- 權限控制與密碼重設
權限隔離:管理員無法修改 Agent 或網站設定,與開發者設定台完全獨立運作。
3. 開發者設定台
開發者經獨立密碼驗證後,可配置 Agent、主題樣式、介紹頁內容及發布版本。
設定能力:
- Agent 管理:新增/刪除 Agent,設定名稱、描述、系統提示詞、聯網檢索提示詞、排序順序
- 主題系統:支援草稿與已發布兩套配置,提供預覽、發布、還原預設、版本回滾功能
- 介紹頁編輯:支援逐項表單式編輯,具備草稿、發布、還原預設、版本回滾功能
- 發布管理:版本快照支援一鍵回滾
4. 自動化營運維護
系統啟動時自動檢查核心資料庫結構;若發現缺失或欄位不匹配,將依預設 SQL 指令自動重建,確保部署完成即可立即使用。
營運特性:
- 啟動時自動驗證資料庫結構
- 缺失資料表將依
public.sql自動建立 - 首次登入時自動建立 bootstrap 管理員帳戶
- 全程由環境變數驅動,無需額外設定,實現零配置部署
技術堆疊
| 元件 | 技術選型 | 說明 |
|---|---|---|
| 架構框架 | Next.js App Router | 全端 React 框架 |
| 使用者介面 | React 19 + Tailwind CSS | 現代化響應式介面 |
| 資料庫 | PostgreSQL | 結構化資料儲存 |
| AI 接入 | DashScope / Qwen 相容 API | 大型語言模型整合 |
| 套件管理 | pnpm | 高效能相依性管理 |
應用場景
企業內部 AI 助理平台
快速搭建面向員工的多 Agent 工作台,整合企業知識庫與工具呼叫能力。
SaaS 產品原型
作為多 Agent SaaS 產品的技術底座,於其上延伸業務邏輯與商業模式設計。
咨詢與客戶服務系統
為諮詢團隊提供多專業領域 Agent 支援,管理員可即時監控對話品質與營運數據。
教育與培訓應用
建構多角色教學輔助平台,不同 Agent 分別負責特定學科或教學環節。
產品價值
- 三種角色入口完整涵蓋全鏈路需求,開箱即用
- Agent 配置高度彈性,前台僅展示已啟用之 Agent
- 主題與介紹頁採用「草稿/發布」雙軌制,隨時可切換或回滾
- 開發者與管理員權限嚴格分離,保障系統安全可控
- 資料庫自動檢查與初始化機制,大幅降低部署門檻