Dify
About
Integrates Dify AI API to provide code generation for Ant Design components, supporting both text and image inputs with stream processing capabilities.
Details
- Author
- ai-fe
- Repository
- AI-FE/dify-mcp-server
- GitHub stars
- 35
- Downloads
- 1
- Categories
- Developer Tools, AI, Other, Frontend, Design, API, Knowledge Base, Security
- Tags
- #content-creation
Jump to
- Generates Ant Design business component code via Dify AI.
- Accepts both text prompts and optional image inputs.
- Handles image file uploads automatically.
- Supports streaming responses from the Dify AI API.
- Integrates with Continue and Cline as MCP clients.
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
DifyCommand (node, npx, python, etc.)nodeArguments-
Argument 1
your/path/dify-server/build/index.js
Environment-
DIFY_API_KEY
***
Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
-
Argument 1
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
Install dependencies with npm install, build the server with npm run build, then configure it in your MCP client (Continue or Cline) by specifying the path to build/index.js and setting the DIFY_API_KEY environment variable. Start a watch mode with npm run watch for automatic rebuilding during development.
antd-component-codegen-mcp-tool
生成 Ant Design 业务组件代码，支持文本和可选的图片输入，处理图片文件上传，并支持来自 Dify AI API 的流式响应。
- antd-component-codegen-mcp-tool - 生成 Ant Design 业务组件代码
- 支持文本和可选的图片输入
- 处理图片文件上传
- 支持来自 Dify AI API 的流式响应
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"dify": {
"env": {
"DIFY_API_KEY": "***"
},
"args": [
"your/path/dify-server/build/index.js"
],
"command": "node"
}
}
}Linux
{
"env": {
"DIFY_API_KEY": "***"
},
"args": [
"your/path/dify-server/build/index.js"
],
"command": "node"
}Macos
{
"env": {
"DIFY_API_KEY": "***"
},
"args": [
"your/path/dify-server/build/index.js"
],
"command": "node"
}Windows
{
"env": {
"DIFY_API_KEY": "***"
},
"args": [
"/c",
"node",
"your/path/dify-server/build/index.js"
],
"command": "cmd"
}一个集成 Dify AI API 的 Model Context Protocol 服务器
这是一个基于 TypeScript 的 MCP 服务器，通过集成 Dify AI API 来提供 Ant Design 业务组件的代码生成能力。它展示了以下核心 MCP 概念：
- 集成 Dify AI API 实现聊天完成功能
- 支持文本和图片输入
- 流式响应处理
- antd-component-codegen-mcp-tool- 生成 Ant Design 业务组件代码
- 支持文本和可选的图片输入
- 处理图片文件上传
- 支持来自 Dify AI API 的流式响应
{ "experimental": { "modelContextProtocolServers": [ { "transport": { "type": "stdio", "command": "node", "args": ["your/path/dify-server/build/index.js"], "env": { "DIFY_API_KEY": "" } } } ] } }
在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，可通过以下命令启动：
This is a web browser that enables your coding agent, such as Claude Code, to visit websites on your behalf and assist you in identifying bugs or creating UI test cases.
An AI-powered website generator from B12, requiring no external data files.
Figma MCP server for accessing Figma files, projects, comments, components, and design metadata from Claude, Cursor, and other AI agents.
Enables AI assistants to interact with Figma via WebSocket for reading data and design analysis.
Localization as code — 7 MCP tools to push, pull, translate, extract strings, and search translations. AI-powered, type-safe, 182 languages.
Generate beautiful UI components using Vercel's v0 generative UI system.
Generate images using Amazon Nova Canvas with text prompts and color guidance.
Manage and utilize website content within the DevHub CMS platform
Make your AI agent speak every language on the planet, using Lingo.dev Localization Engine.
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
