MasterGo Magic MCPサーバー

「MasterGo Magic」MCPサーバーとは？

MasterGo Magic MCPは、MasterGoデザインツールとAIモデルを接続するためのスタンドアロンなModel Context Protocol（MCP）サービスです。AIモデルがMasterGoデザインファイルからDSL（ドメイン固有言語）データを直接取得できるようになり、デザインアセットとAI駆動ワークフローの橋渡しをします。これにより、デザインコンポーネントの分析・変換・生成などの設計関連タスクの開発や自動化が促進されます。サーバーはNode.js環境のみで独立して動作し、外部依存が不要なため、デザインからAIへのパイプラインを強化したいチームにとってシンプルなソリューションとなります。

プロンプト一覧

提供リポジトリにはプロンプトテンプレートの記載がありません。

リソース一覧

利用可能なファイル内に明示的なMCPリソース記述はありません。

ツール一覧

server.pyや他のリポジトリファイルにも明示的なツールの記載はありません。

このMCPサーバーのユースケース

• 自動デザイン分析: AIモデルがMasterGoデザインファイルのDSLデータを取得し、デザインアセットの自動検査や品質チェックを手作業や前処理なしで実施できます。
• デザインコラボレーション: MCP経由でデザインデータを公開することで、AIがデザインレビュー・提案・ドキュメント作成をソースファイルから直接サポートするワークフローを構築できます。
• AI駆動デザイン生成: ジェネレーティブAIと統合し、MCPサーバー経由でプロジェクトファイルに基づいた新しいデザイン要素やバリエーションの提案が可能です。
• ルールベースのデザイン検証: MCPの--ruleパラメータを用いて、独自のデザインルールによる自動的な組織・プロジェクト標準の遵守チェックができます。

セットアップ方法

Windsurf

1. システムにNode.jsがインストールされていることを確認してください。
2. MasterGo個人セキュリティ設定からAPIトークンを取得します。
3. Windsurfの設定ファイルを開きます。
4. mcpServersセクションに以下のJSONコードを追加します:

   {
     "mastergo-magic": {
       "command": "npx",
       "args": ["@mastergo/magic-mcp@latest", "--token", "${MG_MCP_TOKEN}"]
     }
   }
   

5. 変更を保存し、Windsurfを再起動してサーバーを有効化します。

注意: APIトークンは環境変数に設定し、セキュリティを確保してください。

{
  "env": {
    "MG_MCP_TOKEN": "<your-token-here>"
  }
}

Claude

1. Node.jsが未導入の場合はインストールします。
2. MasterGo APIトークンを取得します。
3. ClaudeのMCPサーバー用設定ファイルを見つけます。
4. 以下の設定を追加します:

   {
     "mcpServers": {
       "mastergo-magic": {
         "command": "npx",
         "args": ["@mastergo/magic-mcp@latest", "--token", "${MG_MCP_TOKEN}"]
       }
     }
   }
   

5. 保存してClaudeを再起動します。

注意: トークンはセキュリティのため環境変数（MG_MCP_TOKEN）に保存してください。

Cursor

1. Node.js環境をインストールします。
2. MasterGoアクセストークンを生成します。
3. CursorのMCPサーバー設定を開きます。
4. 以下の設定を追加します:

   {
     "mcpServers": {
       "mastergo-magic": {
         "command": "npx",
         "args": ["@mastergo/magic-mcp@latest", "--token", "${MG_MCP_TOKEN}"]
       }
     }
   }
   

5. 保存してCursorを再起動します。

注意: 機密情報は環境変数で管理してください。

{
  "env": {
    "MG_MCP_TOKEN": "<your-token-here>"
  }
}

Cline

1. Node.jsがインストール済みか確認します。
2. MasterGo APIトークンを取得します。
3. Clineの設定ファイルに下記を追加します:

   {
     "mcpServers": {
       "mastergo-magic": {
         "command": "npx",
         "args": ["@mastergo/magic-mcp@latest", "--token", "${MG_MCP_TOKEN}"]
       }
     }
   }
   

4. ファイルを保存しClineを再起動します。
5. サーバーがアクセス可能で応答しているか確認します。

注意: トークンは必ず環境変数で管理してください。

このMCPをフロー内で使うには

FlowHuntでMCPを利用する

FlowHuntワークフローにMCPサーバーを組み込むには、まずフローにMCPコンポーネントを追加し、AIエージェントと接続します。

MCPコンポーネントをクリックして設定パネルを開きます。system MCP設定セクションで、下記のJSON形式でMCPサーバー情報を入力してください。

{
  "mastergo-magic": {
    "transport": "streamable_http",
    "url": "https://yourmcpserver.example/pathtothemcp/url"
  }
}

設定が完了すると、AIエージェントはこのMCPが持つ全機能へアクセスできるようになります。“mastergo-magic"の部分は実際のMCPサーバー名に、URLはご自身のMCPサーバーURLに置き換えてください。

概要

上記より、MasterGo Magic MCPは概要とセットアップ手順は明確ですが、リソース・プロンプトテンプレート・ツールのドキュメントが不足しており、MCP統合の完全な互換性には課題が残ります。サンプリングやrootsサポートも明示されていません。これにより、MCPエコシステムへの即時対応度のスコアが制限されます。

MCPスコア