📌Overview

Purpose: To provide a Model Context Protocol server that integrates with Dify AI API for generating Ant Design business component code.

Overview: This TypeScript-based MCP server leverages the Dify AI API to enable code generation capabilities, showcasing core MCP concepts such as chat completions, support for text and image inputs, and stream response handling.

Key Features:

Ant Design Component Code Generation: Generates code for Ant Design business components, supporting both text and optional image inputs while handling image file uploads.
Integrated Streaming Responses: Utilizes the streaming capabilities of the Dify AI API, allowing for efficient real-time response processing.

dify-server MCP 服务器

一个集成 Dify AI API 的 Model Context Protocol 服务器。

这是一个基于 TypeScript 的 MCP 服务器，通过集成 Dify AI API 来提供 Ant Design 业务组件的代码生成能力。它展示了以下核心 MCP 概念：

集成 Dify AI API 实现聊天完成功能
支持文本和图片输入
流式响应处理

功能特性

Tools

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。

dify-mcp-server