企业官网建设流程全解析

同一个问题问 5 个 AI：ChatHub 多 AI 对比扩展完整教程

【免费下载链接】chathubAll-in-one chatbot client项目地址: https://gitcode.com/gh_mirrors/ch/chathub

ChatHub 是一款 AI 聊天扩展，把同一个问题同时发给 ChatGPT、GPT-4、Gemini、Claude、Llama 等多个模型，一屏并排对比回复。本文是从安装到上手的 ChatHub 教程。

同一个问题，5 个 AI，答案能差多少

你让各家模型"写一个解析日期字符串的 Python 函数"：一个回 20 行带注释的实现，一个只给 3 行，还有一个把月份下标写错了。手动做的代价是打开 5 个官网、切换 5 个标签页、把同一个问题重打 5 遍，上下文还经常丢。ChatHub 的解法很直白：把多个模型放进并排的面板里，一次发送同一句话，答案在同一块屏幕上逐字流式出现。

5 分钟上手：从克隆到加载进 Chrome

项目用 Vite + React 构建，依赖由 yarn 管理。四步完成：

git clone https://gitcode.com/gh_mirrors/ch/chathub cd chathub

克隆源码到本地目录。然后启用 corepack，装依赖并打包出扩展产物：

corepack enable yarn install yarn build

接着打开 chrome://extensions，开启"开发者模式"，把构建生成的 dist 文件夹直接拖进页面，ChatHub 就装好了（dist 目录之后别删）。点浏览器右上角的扩展图标，你会看到多面板聊天页。

ChatHub 工作原理：并行请求，聚合展示

源码把机制写得很清楚：src/app/bots/ 下每个 bot 都实现同一套流式接口（见 abstract-bot.ts），统一输出回答更新与结束事件。多面板页里按下发送后，你的问题会并行发给当前布局里的每个模型，各家回答以流式方式灌进自己的面板，Markdown 和代码高亮实时渲染。左下角的布局切换器支持 2、3、4、6 面板自由切换，历史对话保存在本地。

三个高频场景怎么用

翻译对比 🌐

把同一句技术原文发给两三个模型。各家对同一个词的处理可能不同——deploy 会译成"部署""上线""发布"——对照下来更容易挑出贴切的说法，避免只信单家模型。

技术排错 🐞

贴一段报错栈问修复方案，各家判断方向可能完全不一样：一个怀疑依赖版本，一个怀疑配置。三四份假设并排摆出来，真实原因很快就能被排除法锁定。

学习辅导 📚

问"Promise 和 async/await 有什么区别"，各家用的比喻和例子深浅不同。对比着看更容易找到你能读懂的那份解释，顺手的追问还能存进 Prompt Library 反复用。

可接入模型一览：ChatGPT 到 Llama

• ChatGPT / GPT-4：覆盖面最全的基准选手，Web 会话与 API 两种接入方式
• Gemini：Google 系大模型，支持开启联网搜索
• Claude：长文和写作风格稳定，同样提供 Web/API 双通道
• Llama 及 Vicuna、ChatGLM、Mixtral 等开源模型：托管在 LMSYS 平台，适合摸一摸开源水位
• 另外还内置了 Bing Chat、Bard、Grok、DeepSeek、Qianwen 等

避坑与技巧：多 AI 对比更有效的 3 个做法

• 面板数量：2 到 4 个最适合对比，再多容易看花眼；"一家头部大模型 + 一个开源模型"的组合，既有基准又有参照。
• 提问写法：把完整报错、输入示例和期望结果都贴进去，别只甩一行描述。带上下文的提问，各家回答的差异才有对照价值。
• 保持更新：各模型的实现会随上游持续变动，隔段时间重跑一次 yarn build，把扩展刷到最新。

写在最后

ChatHub 把"问多个 AI 同一个问题"从开标签、重打字变成一次发送的事。想深入一点，可以去看看 ChatHub 仓库里 src/app/ 目录下的面板实现，看 6 面板对比是怎么搭起来的。

【免费下载链接】chathubAll-in-one chatbot client项目地址: https://gitcode.com/gh_mirrors/ch/chathub