# Dify组件生成器
## 基本信息
- Slug: `ai-fe-dify-mcp-server`
- Source: modelscope
- Publisher: @AI-FE/dify-mcp-server
- Categories: developer-tools / image-and-video-processing / 其他
- Hosted: No
- License: Unknown
- Source URL: https://www.modelscope.cn/mcp/servers/@AI-FE/dify-mcp-server
## 简介
集成了Dify AI API，为Ant Design组件提供代码生成服务，支持文本和图像输入，并具备流式处理能力。
## 安装提示

```bash
npm install
```

## MCP Server 详情

# 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 的流式响应

## 开发指南

安装依赖：

```bash
npm install
```


开发模式（自动重新构建）：

```bash
npm run watch
```


构建服务器：

```bash
npm run build
```


## 安装说明

### 在 Continue 中集成

在`~/.continue/config.json`中添加以下配置：

```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`中添加以下配置：

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


### 调试

由于 MCP 服务器通过标准输入输出（stdio）进行通信，调试可能会比较困难。我们推荐使用 [MCP Inspector](https://github.com/modelcontextprotocol/inspector)，可通过以下命令启动：

```bash
npm run inspector
```


Inspector 将提供一个可在浏览器中访问的调试工具 URL。