基于 MCP Server Builder 的 NextChat

这是一个定制版的 NextChat，增加了通过聊天交互创建和部署 MCP (Model Context Protocol) 服务器的功能，并使用 OpenRouter 作为 LLM 模型。

功能

• 基于聊天的 MCP 服务器创建: 通过与 AI 聊天即可创建 MCP 服务器
• 工具提取: 自动从您的描述中提取工具
• 一键部署: 一键部署您的 MCP 服务器
• 集成指南: 获取各种 AI 系统的集成说明
• OpenRouter 集成: 通过 OpenRouter 使用各种 LLM 模型

快速开始

前提条件

• Node.js 18.0.0 或更高版本
• npm 或 yarn
• 一个 OpenRouter API 密钥

安装

1. 克隆仓库:

git clone https://github.com/vredrick2/NextChat.git
cd NextChat

2. 安装依赖:

npm install
# 或
yarn

3. 创建一个 .env.local 文件，内容如下:

# 启用 MCP 功能
ENABLE_MCP=true

# OpenRouter API 密钥
OPENAI_API_KEY=your_openrouter_api_key

# 设置 OpenRouter 作为基础 URL
BASE_URL=https://openrouter.ai/api/v1

# 默认模型 (可以更改为任何 OpenRouter 模型)
DEFAULT_MODEL=openrouter/anthropic/claude-3-opus

# 隐藏用户 API 密钥输入，因为我们将使用 OpenRouter
HIDE_USER_API_KEY=1

# 启用自定义模型
CUSTOM_MODELS=+openrouter/anthropic/claude-3-opus,+openrouter/anthropic/claude-3-sonnet,+openrouter/google/gemini-pro

4. 启动开发服务器:

npm run dev
# 或
yarn dev

5. 在浏览器中打开 http://localhost:3000。

创建一个 MCP 服务器

1. 开始一个新的聊天
2. 输入 "Create an MCP server" 或类似的短语
3. 按照提示命名您的服务器并描述其功能
4. 系统将从您的描述中提取工具并部署服务器
5. 您将收到将您的 MCP 服务器与各种 AI 系统集成的说明

实现细节

MCP 服务器创建界面

MCP 服务器创建界面被实现为一个 React 组件，它引导用户完成创建和部署 MCP 服务器的过程。 该界面包括：

• 名称输入
• 描述输入
• 工具提取
• 部署
• 集成指南生成

工具提取

工具是从用户描述中使用模式匹配提取的。 系统查找指示特定工具类型的关键字，例如：

• 计算器工具
• 转换工具
• 天气工具
• 搜索工具
• 翻译工具

部署

当前的实现使用模拟 URL 模拟部署。 在生产环境中，这将连接到真正的部署服务。

集成

该系统为各种 AI 系统生成集成指南：

• Cursor
• Claude Desktop
• Windsurf
• 直接 API 访问

项目结构

• /app/utils/mcp/types.ts: MCP 服务器和工具的 TypeScript 接口
• /app/utils/mcp/storage.ts: 用于管理 MCP 服务器的存储实用程序
• /app/utils/mcp/extraction.ts: 工具提取功能
• /app/utils/mcp/deployment.ts: 部署实用程序
• /app/utils/mcp/chat-integration.ts: 聊天集成实用程序
• /app/api/mcp/create/route.ts: 用于创建 MCP 服务器的 API 端点
• /app/components/mcp/server-creation.tsx: MCP 服务器创建组件
• /app/components/mcp/server-list.tsx: MCP 服务器列表组件

未来增强

• 使用 OpenRouter AI 模型增强工具提取
• 真实部署到无服务器函数
• 工具测试界面
• 已部署服务器的分析
• MCP 服务器的版本控制

许可证

该项目根据 MIT 许可证获得许可 - 有关详细信息，请参阅 LICENSE 文件。

致谢

• 基于 NextChat
• 灵感来自 mcpify.ai
• 使用 OpenRouter 作为 LLM 模型
• 实现了 Model Context Protocol