AI FE Dify MCP Server

🚀 Dify サーバー MCP サーバー

これは、Dify AI API を統合した Model Context Protocol（MCP）サーバーで、TypeScript で記述されています。このサーバーは、Dify AI API を組み合わせることで、Ant Design ビジネスコンポーネントのコードを生成する機能を提供し、以下の主要な MCP 概念を示しています。

• Dify AI API を統合してチャット完了機能を実現
• テキストと画像の入力をサポート
• ストリーミング応答を処理

✨ 主な機能

ツール

• antd-component-codegen-mcp-tool：Ant Design ビジネスコンポーネントのコードを生成
  • テキストとオプションの画像入力をサポート
  • 画像ファイルのアップロードを処理
  • Dify AI API からのストリーミング応答処理をサポート

📦 インストール

依存関係のインストール

npm install

開発モード（自動再構築）

npm run watch

サーバーの構築

npm run build

💻 使用例

Continue での統合

~/.continue/config.json ファイルに以下の設定を追加します。

{
  "experimental": {
    "modelContextProtocolServers": [
      {
        "transport": {
          "type": "stdio",
          "command": "node",
          "args": ["your/path/dify-server/build/index.js"],
          "env": {
            "DIFY_API_KEY": "***"
          }
        }
      }
    ]
  }
}

Cline での統合

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 を提供します。