Dify MCP Server

🚀 Dify Server MCP Service

A Model Context Protocol (MCP) server integrating Dify AI API

This is a TypeScript-based MCP server that provides code generation capabilities for Ant Design business components by integrating the Dify AI API. It demonstrates the following core MCP concepts:

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

✨ Features

Tools

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

🚀 Quick Start

📦 Installation

Install dependencies:

npm install

Run in development mode (with automatic rebuild):

npm run watch

Build the server:

npm run build

Integration

Integration in Continue

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

{
  "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 your/path/cline_mcp_settings.json:

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

Debugging

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

npm run inspector

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