AI FE Dify MCP Server

🚀 Dify 服务器 MCP 服务器

这是一个集成了 Dify AI API 的 Model Context Protocol（MCP）服务器，使用 TypeScript 编写。该服务器借助 Dify AI API 实现生成 Ant Design 业务组件代码的功能，充分展示了核心 MCP 概念，包括集成聊天完成功能、支持多类型输入以及处理流式响应。

🚀 快速开始

此服务器集成了 Dify AI API，利用 MCP 协议，可根据输入生成 Ant Design 业务组件代码。支持文本和图片输入，还能处理流式响应。

✨ 主要特性

工具

• antd-component-codegen-mcp-tool：用于生成 Ant Design 业务组件代码。
  • 支持文本输入，同时可选择添加图片输入。
  • 能够处理图片文件上传。
  • 支持对来自 Dify AI API 的流式响应进行处理。

📦 安装指南

安装依赖

npm install

开发模式（自动重新构建）

npm run watch

构建服务器

npm run build

在 Continue 中集成

在~/.continue/config.json文件中添加以下配置：

{
  "experimental": {
    "modelContextProtocolServers": [
      {
        "transport": {
          "type": "stdio",
          "command": "node",
          "args": ["your/path/dify-server/build/index.js"],
          "env": {
            "DIFY_API_KEY": "***"
          }
        }
      }
    ]
  }
}

在 Cline 中集成

在your/path/cline_mcp_settings.json文件中添加以下配置：

{
  "mcpServers": {
    "dify-server": {
      "command": "node",
      "args": ["your/path/dify-server/build/index.js"],
      "env": {
        "DIFY_API_KEY": "***"
      }
    }
  }
}

🔧 调试

由于 MCP 服务器通过标准输入输出（stdio）进行通信，调试可能存在一定难度。我们推荐使用 MCP Inspector 进行调试，可通过以下命令启动：

npm run inspector

启动后，Inspector 将提供一个可在浏览器中访问的调试工具 URL。