星战科技xingzhan.cloud
返回市场
工作台

工作台

作者：scorpionTaj2 星标更新：2025-11-06
安装使用来源：spider==github.com

项目介绍

MCP 工作台

<div align="center">

🚀 多个LLM提供商及MCP服务器的统一接口

Next.js React TypeScript Tailwind CSS Drizzle ORM Redis Supabase Docker

✨ 功能 • 🚀 快速开始 • 📷 屏幕截图 • 🌐 提供商 • 📊 性能 • 🗺️ 发展路线图

</div>

📖 概览

MCP 工作台 是一个用于处理多个LLM提供商、MCP服务器和数据科学工具的生产就绪平台。使用Next.js、React和TypeScript构建。

特性详情
提供商13个提供商（OpenAI、Anthropic、Google、Ollama、HuggingFace、Replicate等）
MCP 注册表从GitHub安装100+服务器，一键安装
性能缓存命中率85%以上，使用Redis加速API响应80%
安全性阻止160+模式，沙箱执行
可访问性符合WCAG 2.1 AA标准，支持键盘导航

✨ 功能

<table> <tr> <td width="50%">

💬 多提供商聊天

  • 支持13+ LLM提供商，无缝切换
  • 持久历史记录与工具集成
  • 语法高亮与Markdown渲染
  • 一键选择模型

📚 MCP 注册表及工具

  • 浏览100+ MCP服务器
  • 自动检测运行时环境的一键安装
  • 可视化服务器管理界面
  • 所有服务器的配置界面

🐍 Python笔记本

  • 自动检测环境（uv、conda、venv）
  • 富文本输出，包括图像和图表
  • 集成终端以执行命令
  • 导出成果物的能力
</td> <td width="50%">

🤖 模型浏览器

  • 浏览所有连接提供商的模型
  • 根据能力过滤（视觉 👁️、嵌入 🔮、图像生成 🎨）
  • 推理检测与元数据
  • 快速“在聊天中使用”集成

⚡ 性能与缓存

  • 使用Redis缓存，命中率85%以上
  • API响应速度提升80%
  • 数据库索引与查询优化
  • 实时性能监控

🏥 健康仪表板

  • 实时系统指标（数据库、内存、磁盘）
  • 自动刷新带倒计时
  • 缓存统计与命中率
  • 资源使用跟踪
</td> </tr> </table>

🌐 支持的提供商

本地 (3)

提供商描述
🦙 Ollama开源LLM运行时
🎬 LM Studio本地模型服务器
⚙️ 自定义自己的端点

远程 (10)

提供商模型能力
🤖 OpenAIGPT-4, GPT-3.5, DALL-E视觉，聊天，图像生成，音频
🧠 AnthropicClaude 3.5 Sonnet/Opus视觉，聊天，推理
🔮 Google AIGemini 2.5 Flash/Pro视觉，聊天，推理
⚡ GroqMixtral, Llama超快推理
🌐 OpenRouter100+ 模型访问所有模型
🤗 HuggingFace1000+ 模型社区模型，嵌入
🔄 ReplicateLlama, SDXL, FLUX图像生成，音频，视觉
🤝 Together AI50+ 模型开源模型
🧪 Mistral AIMistral 模型快速推理
💬 CohereCommand 模型聊天，嵌入

🎯 专业能力

  • 👁️ 视觉: GPT-4V, Claude 3, Gemini, LLaVA
  • 🔮 嵌入: text-embedding-3, nomic-embed, all-MiniLM
  • 🎨 图像生成: DALL-E, SDXL, Stable Diffusion, FLUX
  • 🎤 音频: Whisper v1/v2/v3, wav2vec2
  • 🧠 推理: GPT-4, o1-preview, Claude 3, Gemini Pro

🚀 快速开始

安装

# 克隆仓库
git clone https://github.com/scorpiontaj/mcp-workbench.git
cd mcp-workbench

# 安装依赖
bun install

# 配置环境
cp .env.example .env.local
# 编辑 .env.local 文件添加您的API密钥（可选 - 可通过UI设置）

# 初始化数据库
bun db:push
bun db:seed

# 启动开发服务器
bun dev

打开 http://localhost:3000

配置

选项 1：UI（推荐）

  1. 前往 设置 → 提供商
  2. 点击任意提供商卡片
  3. 输入API密钥并测试连接

选项 2：环境变量

# 添加到 .env.local
OPENAI_API_KEY="sk-..."
ANTHROPIC_API_KEY="sk-ant-..."
GOOGLE_API_KEY="AI..."
# ... 更多提供商

获取API密钥

📷 屏幕截图

<table> <tr> <td width="50%"> <img src="./Screenshots/Dashboard%20Page.png" alt="Dashboard" /> <p align="center"><strong>仪表板 - 实时监控</strong></p> </td> <td width="50%"> <img src="./Screenshots/Chat1%20Page.png" alt="Chat" /> <p align="center"><strong>聊天 - 多提供商界面</strong></p> </td> </tr> <tr> <td width="50%"> <img src="./Screenshots/Models1%20Page.png" alt="Models" /> <p align="center"><strong>模型 - 浏览与过滤</strong></p> </td> <td width="50%"> <img src="./Screenshots/Registry1%20Page.png" alt="Registry" /> <p align="center"><strong>注册表 - 100+ MCP服务器</strong></p> </td> </tr> <tr> <td width="50%"> <img src="./Screenshots/Notebook%20Page.png" alt="Notebook" /> <p align="center"><strong>笔记本 - Python环境</strong></p> </td> <td width="50%"> <img src="./Screenshots/Health1%20Page.png" alt="Health" /> <p align="center"><strong>健康 - 系统指标</strong></p> </td> </tr> </table>

查看所有截图 →

📊 性能

优化结果 (v4.0)

指标之前之后改进
缓存命中率0%85%+已修复 ✅
API响应时间~500ms~100ms加快80% ⚡
组件渲染次数100%50%减少50% 📉
到达交互状态的时间2.5s1.5s加快40% 🚀

Lighthouse评分

  • 性能: 95+ 🟢
  • 可访问性: 98+ 🟢
  • 最佳实践: 100 🟢
  • SEO: 100 🟢

🛠️ 技术栈

前端: Next.js 16, React 19, TypeScript 5.9, Tailwind CSS 4.1
UI: shadcn/ui (Radix UI), Lucide图标
后端: Next.js API路由, PostgreSQL, Drizzle ORM
缓存: Redis (ioredis)
状态: Zustand, SWR
性能: React.memo, 代码分割, 虚拟化

🔑 为什么选择MCP工作台？

✅ 通用访问 - 13个提供商，一个界面
✅ 多模态 - 视觉，音频，嵌入，图像生成
✅ 超快速 - 缓存命中率85%以上，基于Redis
✅ 安全 - 阻止160+模式，沙箱执行
✅ 美观的UI - 高级设计，移动设备响应
✅ Python优先 - 自动检测环境
✅ 生产就绪 - 错误边界，健康监控
✅ 可访问 - 符合WCAG 2.1标准
✅ 开发者友好 - 集成终端，命令面板

🗺️ 发展路线图

🎯 第三阶段：聊天增强（进行中）

功能优先级状态
聊天导出（PDF，Markdown）⭐⭐⭐⭐📋 计划
消息反应⭐⭐⭐📋 计划
聊天内消息搜索⭐⭐⭐⭐📋 计划
聊天模板⭐⭐⭐⭐📋 计划
对话分支⭐⭐⭐📋 计划

📊 第四阶段：监控与分析

功能优先级影响
模型性能指标⭐⭐⭐⭐⭐跟踪响应时间，令牌使用量，成本
响应质量跟踪⭐⭐⭐⭐监控成功/失败率
成本分析仪表板⭐⭐⭐⭐比较不同提供商的API成本

🚀 第五阶段：高级功能

功能优先级描述
并排模型比较⭐⭐⭐⭐比较来自多个模型的输出
批量测试⭐⭐⭐⭐向多个模型发送相同提示
性能基准⭐⭐⭐⭐比较响应质量和速度

🔌 第六阶段：集成与API

功能优先级状态
Webhook支持⭐⭐⭐外部系统集成
GraphQL端点⭐⭐⭐更灵活的API查询

📝 进度总结

已完成: 3个阶段的45+功能 ✅
进行中: 5个聊天增强功能 ⏳
计划: 8+高级功能与集成 📋

注意: 欢迎提出功能请求！请检查 问题 或 讨论 来建议功能。

🤝 贡献

欢迎贡献！分叉仓库，创建特性分支，并打开PR。

git checkout -b feature/amazing-feature
git commit -m '添加精彩功能'
git push origin feature/amazing-feature

📄 许可证

MIT许可证 - 查看LICENSE文件了解详细信息。

📞 支持

<div align="center">

⭐ 如果您觉得这个仓库有用，请给它点赞！

由 Tajeddine Bourhim 制作 ❤️

📦 在GitHub上查看

</div>