Skip to main content
Glama

マスターゴーマジックMCP

DeepWikiに質問する

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の取得

  1. https://mastergo.comをご覧ください

  2. 個人設定を入力

  3. セキュリティ設定タブをクリックします

  4. 個人アクセストークンを見つける

  5. クリックしてトークンを生成する

コマンドラインオプション

npx @mastergo/magic-mcp --token=YOUR_TOKEN [--url=API_URL] [--rule=RULE_NAME] [--debug]

パラメータ:

  • --token=YOUR_TOKEN (必須): 認証用のMasterGo APIトークン

  • --url=API_URL (オプション): API ベース URL。デフォルトはhttp://localhost:3000

  • --rule=RULE_NAME (オプション): 適用する設計ルールを追加します。複数回使用できます。

  • --debug (オプション): 詳細なエラー情報を表示するにはデバッグモードを有効にします

パラメータにはスペース区切りの形式を使用することもできます。

npx @mastergo/magic-mcp --token YOUR_TOKEN --url API_URL --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

{ "mcpServers": { "mastergo-magic-mcp": { "command": "npx", "args": [ "-y", "@mastergo/magic-mcp", "--token=<MG_MCP_TOKEN>", "--url=https://mastergo.com" ], "env": {} } } }

クラインの使用法

{ "mcpServers": { "@master/mastergo-magic-mcp": { "command": "npx", "args": [ "-y", "@mastergo/magic-mcp", "--token=<MG_MCP_TOKEN>", "--url=https://mastergo.com" ], "env": {} } } }

プロジェクト構造

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 : 構造化されたコンポーネント開発プロセスをガイドするコンポーネント開発ワークフロードキュメント

地域開発

  1. yarnyarn build実行して依存関係をインストールし、コードをビルドします。

  2. bin/cli.jsの絶対パスを見つける

  3. トークンを使用してローカル MCP 構成を追加する

"mastergo-mcp-local": { "command": "node", "args": [ "absolute/path/to/bin/cli.js", "--token=mg_xxxxxx", "--url=https://mastergo.com", "--debug" ], "env": {} },
  1. エディターを再起動して、ローカルMCPが有効になっていることを確認します。

実行が成功したら、ローカルでの実行結果に基づいてデバッグできます。変更内容に基づいて独自のMCPサービスを構築できます。

皆様のコード貢献を歓迎し、MasterGo の MCP サービスを一緒に構築することを楽しみにしています。

ライセンス

ISC

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/mastergo-design/mastergo-magic-mcp'

If you have feedback or need assistance with the MCP directory API, please join our Discord server