Dify组件生成器

@AI-FE/dify-mcp-server
1 Stars 1.7k 次浏览 AI-FE 更新于 2026-08-23

集成了Dify AI API,为Ant Design组件提供代码生成服务,支持文本和图像输入,并具备流式处理能力。

MCP 服务配置

复制以下 JSON 到 OPClaw 或其他 MCP 客户端的配置文件中即可使用

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

该服务需要配置环境变量:DIFY_API_KEY

可用工具 (1 个)

该服务在 MCP 协议中暴露的工具,AI 可按需调用

antd-component-codegen-mcp-tool 2 个参数 需填 1 项

Send a message to Dify chat API for generating antd biz components code

必填参数:query

服务介绍

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。

相关 MCP 服务