dify-mcp-server

MCP.Pizza Chef: AI-FE

dify-mcp-server is a TypeScript-based Model Context Protocol server that integrates the Dify AI API to provide code generation for Ant Design business components. It supports text and image inputs, handles image file uploads, and processes streaming responses from the Dify AI API. This server exemplifies core MCP concepts by enabling chat completion and business component code generation within MCP-enabled environments.

Use This MCP server To

Generate Ant Design business component code from text and images Process streaming AI responses for real-time code generation Integrate Dify AI API into MCP-enabled development workflows Handle image file uploads for enhanced code generation context Enable chat completion features using Dify AI within MCP Embed Ant Design code generation in IDEs or developer tools

README

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 FAQ

How do I install dify-mcp-server?
Install dependencies with 'npm install', then build with 'npm run build'.
How can I enable development mode for dify-mcp-server?
Use 'npm run watch' to enable automatic rebuilds during development.
How do I integrate dify-mcp-server with Continue?
Add the server configuration to '~/.continue/config.json' with the appropriate command and environment variables.
What input types does dify-mcp-server support?
It supports both text and image inputs, including image file uploads.
Does dify-mcp-server support streaming responses?
Yes, it supports streaming responses from the Dify AI API for real-time interaction.
What is the main tool provided by dify-mcp-server?
The 'antd-component-codegen-mcp-tool' generates Ant Design business component code.
Can dify-mcp-server be integrated with other MCP clients?
Yes, it can be integrated with any MCP client that supports the protocol and configuration.
What environment variable is required for dify-mcp-server?
The 'DIFY_API_KEY' environment variable must be set for API access.