Dify
一個集成Dify AI API的MCP服務器,專注於Ant Design組件代碼生成
2.5分
8.7K

什麼是Dify-server MCP服務器?

Dify-server是一個基於TypeScript的MCP服務器,通過集成Dify AI API提供Ant Design業務組件的代碼生成能力。它允許開發者通過簡單的接口快速生成高質量的UI組件代碼。

如何使用Dify-server MCP服務器?

您可以通過配置Continue或Cline開發工具來集成該服務器,然後使用簡單的文本或圖片輸入來生成組件代碼。

適用場景

適合前端開發人員快速生成Ant Design組件代碼,特別是在需要根據設計稿或描述快速實現UI組件時。

主要功能

Ant Design組件代碼生成
根據文本描述或圖片輸入生成符合Ant Design規範的React組件代碼
多模態輸入支持
支持文本和圖片兩種輸入方式,滿足不同場景需求
流式響應處理
支持處理來自Dify AI API的流式響應,提高交互體驗
優勢
快速生成高質量Ant Design組件代碼
支持文本和圖片兩種輸入方式,靈活性強
與Dify AI深度集成,生成結果準確
流式響應處理,提升用戶體驗
侷限性
需要Dify API密鑰才能使用
目前主要支持Ant Design組件生成
調試相對困難,需要額外工具

如何使用

安裝依賴
確保已安裝Node.js環境,然後運行以下命令安裝項目依賴
開發模式運行
在開發過程中可以使用watch模式自動重新構建
構建項目
準備部署時構建項目
集成到開發工具
根據您使用的開發工具(Continue或Cline)進行相應配置

使用案例

生成表格組件
根據描述生成帶有分頁和排序功能的表格組件
根據圖片生成表單
上傳設計稿圖片,自動生成對應的表單組件代碼

常見問題

如何獲取Dify API密鑰?
支持哪些類型的圖片輸入?
如何調試服務器?

相關資源

Dify官網
Dify AI服務平臺
Ant Design
Ant Design組件庫文檔
MCP Inspector
MCP調試工具

安裝

複製以下命令到你的Client進行配置
{
  "mcpServers": {
    "dify-server": {
      "command": "node",
      "args": ["your/path/dify-server/build/index.js"],
      "env": {
        "DIFY_API_KEY": "***"
      }
    }
  }
}
注意:您的密鑰屬於敏感信息,請勿與任何人分享。

替代品

R
Rsdoctor
Rsdoctor 是一款專為 Rspack 生態系統打造的構建分析工具,全面兼容 webpack,提供可視化構建分析、多維度性能診斷及智能優化建議,幫助開發者提升構建效率與工程質量。
TypeScript
9.0K
5分
N
Next Devtools MCP
Next.js開發工具MCP服務器,為Claude、Cursor等AI編程助手提供Next.js開發工具和實用程序,包括運行時診斷、開發自動化和文檔訪問功能。
TypeScript
8.7K
5分
T
Testkube
Testkube是一個面向雲原生應用的測試編排與執行框架,提供統一平臺來定義、運行和分析測試,支持現有測試工具和Kubernetes基礎設施。
Go
5.4K
5分
M
MCP Windbg
一個MCP服務器,將AI模型與WinDbg/CDB集成,用於分析Windows崩潰轉儲文件和進行遠程調試,支持自然語言交互執行調試命令。
Python
10.0K
5分
R
Runno
Runno是一個JavaScript工具包集合,用於在瀏覽器和Node.js等環境中安全地運行多種編程語言的代碼,通過WebAssembly和WASI實現沙盒化執行,支持Python、Ruby、JavaScript、SQLite、C/C++等語言,並提供Web組件、MCP服務器等集成方式。
TypeScript
6.7K
5分
P
Praisonai
PraisonAI是一個生產就緒的多AI智能體框架,具有自反思功能,旨在創建AI智能體來自動化解決從簡單任務到複雜挑戰的各種問題。它通過將PraisonAI智能體、AG2和CrewAI集成到一個低代碼解決方案中,簡化了多智能體LLM系統的構建和管理,強調簡單性、定製化和有效的人機協作。
Python
7.5K
5分
N
Netdata
Netdata是一個開源即時基礎設施監控平臺,提供每秒級指標收集、可視化、機器學習驅動的異常檢測和自動化告警,無需複雜配置即可實現全棧監控。
Go
9.7K
5分
M
MCP Server
Mapbox MCP服務器是一個Node.js實現的模型上下文協議服務器,為AI應用提供Mapbox地理空間API的訪問能力,包括地理編碼、興趣點搜索、路線規劃、等時線分析和靜態地圖生成等功能。
TypeScript
8.9K
4分
M
Markdownify MCP
Markdownify是一個多功能文件轉換服務,支持將PDF、圖片、音頻等多種格式及網頁內容轉換為Markdown格式。
TypeScript
27.7K
5分
B
Baidu Map
已認證
百度地圖MCP Server是國內首個兼容MCP協議的地圖服務,提供地理編碼、路線規劃等10個標準化API接口,支持Python和Typescript快速接入,賦能智能體實現地圖相關功能。
Python
35.5K
4.5分
F
Firecrawl MCP Server
Firecrawl MCP Server是一個集成Firecrawl網頁抓取能力的模型上下文協議服務器,提供豐富的網頁抓取、搜索和內容提取功能。
TypeScript
104.4K
5分
S
Sequential Thinking MCP Server
一個基於MCP協議的結構化思維服務器,通過定義思考階段幫助分解複雜問題並生成總結
Python
28.0K
4.5分
M
Magic MCP
Magic Component Platform (MCP) 是一個AI驅動的UI組件生成工具,通過自然語言描述幫助開發者快速創建現代化UI組件,支持多種IDE集成。
JavaScript
19.5K
5分
E
Edgeone Pages MCP Server
EdgeOne Pages MCP是一個通過MCP協議快速部署HTML內容到EdgeOne Pages並獲取公開URL的服務
TypeScript
21.7K
4.8分
C
Context7
Context7 MCP是一個為AI編程助手提供即時、版本特定文檔和代碼示例的服務,通過Model Context Protocol直接集成到提示中,解決LLM使用過時信息的問題。
TypeScript
70.0K
4.7分
N
Notion Api MCP
已認證
一個基於Python的MCP服務器,通過Notion API提供高級待辦事項管理和內容組織功能,實現AI模型與Notion的無縫集成。
Python
15.0K
4.5分
AIBase
智啟未來,您的人工智慧解決方案智庫
© 2026AIBase