Dify

MCP server that integrates Dify AI API to generate Ant Design component code via chat with text and image inputs.

typescript

0

GitHub Stars

typescript

Language

7 months ago

First Indexed

3 months ago

Catalog Refreshed

Documentation & install

Readme and setup notes from the catalogue, plus a client-ready config you can copy for your MCP host.

Installation

Add the following to your MCP client configuration file.

Configuration

View docs

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

You can run the Dify MCP Server to turn Dify AI API into an interactive chat-based generator for Ant Design components. It supports text and optional image inputs, processes image uploads, and returns streaming responses so you get results as they’re created.

How to use

You will connect an MCP client to the Dify MCP Server to start a chat session that generates Ant Design component code. Send your prompts as text, optionally attach an image to provide visual context, and receive streaming results in real time. You can ask for component code for specific Ant Design workflows, and you’ll see the code gradually appear as the model completes each portion of the response.

How to install

Prerequisites you need to install and run this MCP server:

Install dependencies

npm install

Run in development watch mode (auto-rebuild on changes)

npm run watch

Build the server for production or deployment

npm run build

Additional configuration and troubleshooting

To enable MCP clients to connect, you will provide runtime configurations that specify how to launch the server and pass necessary API keys.

If you want to debug communications over stdio, you can start an inspector tool to help diagnose issues.

npm run inspector

Available tools

antd-component-codegen

Generates Ant Design component code from prompts using Dify AI API. Supports text and optional image input, handles image uploads, and can process streaming responses.