Generates code for Ant Design business components based on text descriptions and optional image inputs, leveraging the Dify AI API to create component code through natural language requests.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Dify MCP Servergenerate a login form component with username and password fields"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
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 的流式响应
Related MCP server: Magic Component Platform (MCP)
开发指南
安装依赖:
开发模式(自动重新构建):
构建服务器:
安装说明
在 Continue 中集成
在~/.continue/config.json中添加以下配置:
在 Cline 中集成
在your/path/cline_mcp_settings.json中添加以下配置:
调试
由于 MCP 服务器通过标准输入输出(stdio)进行通信,调试可能会比较困难。我们推荐使用 MCP Inspector,可通过以下命令启动:
Inspector 将提供一个可在浏览器中访问的调试工具 URL。