マスターゴーマジックMCP
MasterGo Magic MCPは、MasterGo設計ツールとAIモデルを接続するために設計されたスタンドアロンのMCP(Model Context Protocol)サービスです。これにより、AIモデルはMasterGo設計ファイルからDSLデータを直接取得できるようになります。
主な特徴
MasterGo設計ファイルからDSLデータを取得します
npxで直接実行
外部依存関係は不要で、Node.js 環境のみが必要です
Related MCP server: MCP Boilerplate
チュートリアル
使用法
MG_MCP_TOKENの取得
https://mastergo.comをご覧ください
個人設定を入力
セキュリティ設定タブをクリックします
個人アクセストークンを見つける
クリックしてトークンを生成する
コマンドラインオプション
パラメータ:
--token=YOUR_TOKEN(必須): 認証用のMasterGo APIトークン--url=API_URL(オプション): API ベース URL。デフォルトはhttp://localhost:3000--rule=RULE_NAME(オプション): 適用する設計ルールを追加します。複数回使用できます。--debug(オプション): 詳細なエラー情報を表示するにはデバッグモードを有効にします
パラメータにはスペース区切りの形式を使用することもできます。
LINGMAの使用法
VSCode 拡張機能マーケットプレイスで LINGMA を検索してインストールします。
ログイン後、チャットボックス内の[MCPツール]をクリックします。
上部の[MCP Square]をクリックしてMCPマーケットプレイスに入り、MasterGoデザインコラボレーションツールを見つけてインストールします。
インストール後、[MCP サーバー] に戻り、MCP サービスを編集して独自の MasterGo トークンに置き換えます。
最後に、チャット インターフェイスでチャット モードをエージェント モードに切り替えます。
カーソルの使用法
Cursor Mcp 使用ガイドリファレンス: https://docs.cursor.com/context/model-context-protocol#using-mcp-tools-in-agent
クラインの使用法
プロジェクト構造
srcディレクトリ
srcディレクトリには、MasterGo Magic MCP サービスのコア実装が含まれています。
index.ts: MCPサーバーを初期化し、すべてのツールを登録するアプリケーションのエントリポイントhttp-util.ts: MasterGo APIへのHTTPリクエストを処理するためのユーティリティtypes.d.ts: プロジェクトのTypeScript型定義
ソース/ツール
MCP ツールの実装が含まれています:
base-tool.ts: すべての MCP ツールの基本クラスget-dsl.ts: MasterGo 設計ファイルから DSL (ドメイン固有言語) データを取得するためのツールget-component-link.ts: リンクからコンポーネントのドキュメントを取得するためのツールget-meta.ts: メタデータ情報を取得するためのツールget-component-workflow.ts: Vue および React コンポーネントの構造化されたコンポーネント開発ワークフローを提供し、ワークフロー ファイルとコンポーネント仕様を生成するツール
ソース/マークダウン
追加のドキュメントを含むマークダウン ファイルが含まれています:
meta.md: メタデータの構造と使用法に関するドキュメントコンポーネント開発
component-workflow.md: 構造化されたコンポーネント開発プロセスをガイドするコンポーネント開発ワークフロードキュメント
地域開発
yarnとyarn build実行して依存関係をインストールし、コードをビルドします。bin/cli.jsの絶対パスを見つけるトークンを使用してローカル MCP 構成を追加する
エディターを再起動して、ローカルMCPが有効になっていることを確認します。
実行が成功したら、ローカルでの実行結果に基づいてデバッグできます。変更内容に基づいて独自のMCPサービスを構築できます。
皆様のコード貢献を歓迎し、MasterGo の MCP サービスを一緒に構築することを楽しみにしています。
ライセンス
ISC