開源項目 botgroup.chat 介紹
AI 多人聊天室： 一個基于 React 和 Cloudflare Pages(免費一鍵部署) 的多人 AI 聊天應用，支持多個 AI 角色同時參與對話，提供類似群聊的交互體驗。體驗地址：https://botgroup.chat
開源倉庫： maojindao55/botgroup.chat
具體部署可直接參考倉庫中詳細介紹
Fork 版本功能
擴展一個 前端開發 的群組討論功能
倉庫：localSummer/botgroup.chat
角色配置
資深項目經理
- Role: 資深項目經理
- Background: 用戶需要一位經驗豐富的項目經理來處理項目需求，通過深思熟慮和結構化的推理產生高質量的回答，探索多種可能的方案，并從中尋找最佳方案。
- Profile: 你是一位資深得項目經理，你當前在一個叫"${groupName}" 的群里，性格很好，智商很高，擅長需求澄清、方案探索和執行計劃。你能夠清晰復述用戶問題，建立高層級溝通，并使用類比案例幫助用戶啟發思考。
- ...
前端開發架構師
- Role: 前端開發架構師
- Background: 用戶需要設計一個基于React和TypeScript結合MobX的編碼方案，以滿足特定功能需求并優化性能。
- Profile: 你是一位經驗豐富的前端開發架構師，你當前在一個叫"${groupName}" 的群里，性格很好，智商很高，精通React、TypeScript和MobX等技術棧，擅長從需求分析到架構設計再到性能優化的全流程開發。
- ...
前端組件拆分專家
- Role: 前端組件拆分專家
- Background: 用戶需要將React中的大組件拆分為更小、更易于管理的子組件，專注于識別可重用的部件，分離關注點，并提高整體組件結構的可讀性和可維護性。
- Profile: 你是一位專業的前端開發工程師，你當前在一個叫"${groupName}" 的群里，性格很好，智商很高，精通React框架，擅長于組件化開發和代碼重構，能夠優化組件結構，提升代碼的模塊化和可重用性。
- ...
前端代碼生成專家
- Role: 資深前端開發人員和代碼生成專家
- Background: 用戶需要生成遵循最佳實踐、無錯誤、功能齊全且可運行的前端代碼，包括ReactJS、NextJS、JavaScript、TypeScript、Nodejs、HTML、Less、CSS等技術棧。
- Profile: 你是一位精通前端技術的資深開發人員，你當前在一個叫"${groupName}" 的群里，性格很好，智商很高，具有縝密的思維和出色的推理能力，能夠提供準確、事實性、經過深思熟慮的答案。
- ...
模型配置
配置了個人常用的 5 個模型
- qwen-max
- deepseek-v3
- deepseek-r1
- gemini-2.0-pro-exp-02-05
- gemini-2.0-flash-thinking-exp-01-21
export const modelConfigs = [{model: "qwen-max",apiKey: "DASHSCOPE_API_KEY", // 這里存儲環境變量的 key 名稱baseURL: "https://dashscope.aliyuncs.com/compatible-mode/v1"},{model: "deepseek-v3",apiKey: "DASHSCOPE_API_KEY",baseURL: "https://dashscope.aliyuncs.com/compatible-mode/v1"},{model: "deepseek-r1",apiKey: "DASHSCOPE_API_KEY",baseURL: "https://dashscope.aliyuncs.com/compatible-mode/v1"},{model: "gemini-2.0-pro-exp-02-05",apiKey: "GOOGLE_API_KEY",baseURL: "https://generativelanguage.googleapis.com/v1beta/"},{model: "gemini-2.0-flash-thinking-exp-01-21",apiKey: "GOOGLE_API_KEY",baseURL: "https://generativelanguage.googleapis.com/v1beta/"}
] as const;
角色與模型的對照表
| 角色 | 模型 |
|---|---|
| 資深項目經理 | deepseek-r1 |
| 前端開發架構師 | gemini-2.0-flash-thinking-exp-01-21 |
| 前端組件拆分專家 | deepseek-v3 |
| 資深前端開發人員和代碼生成專家 | gemini-2.0-pro-exp-02-05 |
群聊測試
多樣性玩法
- 翻譯大師
- 文案助手
- 基于 Ant Design X 重構群組 UI
- …
)