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。