MyMCP Prompt

MyMCP プロンプト

説明

MyMCP Prompt は、自然言語の説明から Model Context Protocol（MCP）サーバーを生成するツールです。この MVP では Google Gemini API を使用して、ユーザーの説明を、対応する JSON 設定ファイルを備えた機能的な Python MCP サーバーに変換します。

プロジェクト構成

アプリケーションは次の要素で構成されています。

• Flask バックエンド（ルートディレクトリ）：
  • app.py：Flask アプリケーションのメイン設定（CORS、ブループリントの登録）。
  • api.py：サーバーのコードと設定を生成するために Google Gemini API と連携する /api/generate-mcp エンドポイントが含まれています。
  • requirements.txt：Python の依存関係が記載されています。
• React フロントエンド（/frontend-vite ディレクトリ）：
  • ユーザーがサーバーの説明を入力するための Web インターフェース（frontend-vite/src/App.js）を提供します。
  • 生成された Python コードと JSON 設定を表示します。
  • 生成されたファイルの保存先パスを表示します。

セットアップ

1. リポジトリをクローンします：

   git clone https://github.com/AlexJ-StL/mymcp
   cd mymcp
   

2. バックエンドのセットアップ（ルートディレクトリ）：

   仮想環境を作成して有効化します（uv の使用を推奨します）。

   # In the project root directory (mymcp)
   uv venv
   source .venv/Scripts/activate  # On Windows
   # source .venv/bin/activate    # On macOS/Linux
   

   Python の依存関係をインストールします。

   uv pip install -r requirements.txt
   

3. フロントエンドのセットアップ：

   frontend-vite ディレクトリに移動します。

   cd frontend-vite
   

   Node.js の依存関係をインストールします。

   npm install
   

   ルートディレクトリに戻ります。

   cd ..
   

4. Gemini API キーを設定します：

   重要： Google Gemini API キーを取得し、GEMINI_API_KEY という名前の環境変数に設定してください。API キーをリポジトリにコミットしないでください。

   Windows（コマンドプロンプト）：

   set GEMINI_API_KEY=your_api_key
   

   Windows（PowerShell）：

   $env:GEMINI_API_KEY="your_api_key"
   

   (注：この設定は現在のセッションでのみ有効です。永続的に設定するには、setx またはシステムの環境変数設定を使用してください。)

   macOS / Linux：

   .bashrc、.zshrc、またはその他のシェル設定ファイルに次の行を追加します。

   export GEMINI_API_KEY="your_api_key"
   

   次に、ファイルを読み込むか、新しいターミナルを開きます。

   source ~/.bashrc  # Or ~/.zshrc, etc.
   

使い方

1. バックエンドサーバーを起動します：

   • ルートディレクトリで仮想環境が有効になっていることを確認します。
   • GEMINI_API_KEY 環境変数が設定されていることを確認します。
   • Flask アプリを実行します。

     # In the project root directory (mymcp)
     flask run
     

   • バックエンドは http://127.0.0.1:5000 で利用できます。

2. フロントエンドの開発サーバーを起動します：

   • 新しいターミナルを開きます。
   • frontend-vite ディレクトリに移動します。

     cd frontend-vite
     

   • React アプリを実行します。

     npm run dev
     

   • フロントエンドはブラウザーで自動的に開きます。通常は http://localhost:5173 で開きます。

3. アプリケーションを使用します：

   • ブラウザーで http://localhost:5173 を開きます。
   • 生成したい MCP サーバーの説明を入力します。
   • 「注文する」をクリックします。
   • 生成された Python コードと JSON 設定が表示され、ファイルは generated_server ディレクトリ（または LLM が選択したディレクトリ）に保存されます。

変更履歴

• v0.1.0（MVP）： Google Gemini を使用した基本的な MCP サーバー生成機能を備えた初回リリースです。バックエンドはルートに、フロントエンドは /frontend にあります。
• v0.2.0（Vite フロントエンドと UI の再設計）： パフォーマンスの向上、脆弱性の低減、開発者エクスペリエンスの改善を目的として、フロントエンドを Create React App から Vite に移行しました。フランスのカフェをテーマにした新しい UI を導入しました。フロントエンドから出力ディレクトリの入力欄を削除し、バックエンドが出力ディレクトリを選択できるようにしました。出力ディレクトリを指定しないリクエストを処理できるよう、バックエンド API を更新しました。

今後の機能

• 追加の LLM との連携（OpenRouter、LiteLLM、OpenAI、Anthropic、SombaNova、Cerebras、LM Studio、Ollama、Groq）。
• MCP サーバー内でのツール／関数呼び出しの生成への対応。
• エージェント向けプロンプトの生成への対応。
• エラー処理とユーザーフィードバックの改善。
• より高度な MCP サーバーコード生成（テンプレートの使用、構造の改善など）。
• UI の強化。
• バックエンドとフロントエンドのユニットテスト。