AI FE Dify MCP Server

🚀 Dify Server MCP Server

This is a Model Context Protocol (MCP) server integrated with the Dify AI API, written in TypeScript. The server combines the Dify AI API to provide the functionality of generating Ant Design business component code, demonstrating the following core MCP concepts:

• Integrate the Dify AI API to achieve chat completion functionality.
• Support text and image input.
• Handle streaming responses.

✨ Features

Tools

• antd-component-codegen-mcp-tool: Generate Ant Design business component code.
  • Support text and optional image input.
  • Handle image file uploads.
  • Support streaming response processing from the Dify AI API.

📦 Installation Guide

Install Dependencies

npm install

Development Mode (Auto Rebuild)

npm run watch

Build the Server

npm run build

📚 Documentation

Integration in Continue

Add the following configuration to the ~/.continue/config.json file:

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

Integration in Cline

Add the following configuration to the your/path/cline_mcp_settings.json file:

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

🔧 Technical Details

Debugging can be challenging since the MCP server communicates via standard input and output (stdio). We recommend using MCP Inspector, which can be started with the following command:

npm run inspector

The Inspector will provide a debug tool URL accessible in the browser.