Overview
Dify-Server is a Model Context Protocol (MCP) server integrated with the Dify AI API, designed to generate Ant Design business component code.
To use Dify-Server, install the dependencies, run the server, and configure it in your application settings to integrate with the Dify AI API.
- Integration with Dify AI API for chat completion functionality - Support for text and image input - Streamed response handling - Code generation for Ant Design components
- Generating business component code for web applications using Ant Design.
- Enhancing user interaction with chat functionalities powered by AI.
- Supporting image uploads for more dynamic input processing.
Add to your AI client
Use these steps to connect dify-server MCP 服务器 in Cursor, Claude, VS Code, and other MCP-compatible apps. The same JSON appears in the Use with menu above for one-click copy.
Cursor
Add this to your .cursor/mcp.json file in your project root, then restart Cursor.
.cursor/mcp.json
{
"mcpServers": {
"ai-fe-dify-mcp-server-mcp-mirror": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-ai-fe-dify-mcp-server-mcp-mirror"
]
}
}
}Claude Desktop
Add this server entry to the mcpServers object in your Claude Desktop config, then restart the app.
~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows)
{
"mcpServers": {
"ai-fe-dify-mcp-server-mcp-mirror": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-ai-fe-dify-mcp-server-mcp-mirror"
]
}
}
}Claude Code
Add this to your project's .mcp.json file. Claude Code will detect it automatically.
.mcp.json (project root)
{
"mcpServers": {
"ai-fe-dify-mcp-server-mcp-mirror": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-ai-fe-dify-mcp-server-mcp-mirror"
]
}
}
}VS Code (Copilot)
Add this to your .vscode/mcp.json file. Requires the GitHub Copilot extension with MCP support enabled.
.vscode/mcp.json
{
"servers": {
"ai-fe-dify-mcp-server-mcp-mirror": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-ai-fe-dify-mcp-server-mcp-mirror"
]
}
}
}Windsurf
Add this to your Windsurf MCP config file, then restart Windsurf.
~/.codeium/windsurf/mcp_config.json
{
"mcpServers": {
"ai-fe-dify-mcp-server-mcp-mirror": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-ai-fe-dify-mcp-server-mcp-mirror"
]
}
}
}Cline
Open Cline settings, navigate to MCP Servers, and add this server configuration.
Cline MCP Settings (via UI)
{
"mcpServers": {
"ai-fe-dify-mcp-server-mcp-mirror": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-ai-fe-dify-mcp-server-mcp-mirror"
]
}
}
}FAQ
What programming language is Dify-Server built with?
Dify-Server is built using TypeScript.
How do I install Dify-Server?
You can install it by running `npm install` in your project directory.
Can I use Dify-Server for other frameworks?
While it is designed for Ant Design, you can adapt the generated code for other frameworks as needed.7:["$","div",null,{"className":"container mx-auto flex flex-col gap-4","children":["$L26","$L27",["$","$L28",null,{"currentProject":{"id":939,"uuid":"d4e88372-c10e-4ef3-bb53-880f6723aa8a","name":"AI-FE_dify-mcp-server","title":"dify-server MCP 服务器","description":"Mirror of","avatar_url":"https://avatars.githubusercontent.com/u/192820360?v=4","created_at":"2025-01-28T02:19:21.849Z","updated_at":"2025-02-23T07:19:16.466Z","status":"created","author_name":"MCP-Mirror","author_avatar_url":"https://avatars.githubusercontent.com/u/192820360?v=4","tags":"dify,mcp-server,AI-API","category":"developer-tools","is_featured":false,"sort":1,"url":"https://github.com/MCP-Mirror/AI-FE_dify-mcp-server","target":"_self","content":"$29","summary":"$2a","img_url":null,"type":null,"metadata":null,"user_uuid":null,"tools":null,"sse_url":null,"sse_provider":null,"sse_params":null,"is_official":false,"server_command":null,"server_params":null,"server_config":null,"allow_call":false,"is_innovation":false,"is_dxt":false,"dxt_manifest":null,"dxt_file_url":null,"is_audit":false},"randomProjects":[],"currentServerKey":"$undefined"}]]}]