Dify Ant Design Component Generator
STDIOTypeScript MCP server integrating Dify AI API for Ant Design component code generation.
TypeScript MCP server integrating Dify AI API for Ant Design component code generation.
一个集成 Dify AI API 的 Model Context Protocol 服务器
这是一个基于 TypeScript 的 MCP 服务器,通过集成 Dify AI API 来提供 Ant Design 业务组件的代码生成能力。它展示了以下核心 MCP 概念:
antd-component-codegen-mcp-tool
- 生成 Ant Design 业务组件代码
安装依赖:
npm install
开发模式(自动重新构建):
npm run watch
构建服务器:
npm run build
在~/.continue/config.json
中添加以下配置:
{ "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,可通过以下命令启动:
npm run inspector
Inspector 将提供一个可在浏览器中访问的调试工具 URL。