Custom MCP (Model Context Protocol) with ChatGPT AI Template

ChatGPT AI テンプレートを使用したカスタム MCP（Model Context Protocol）

このプロジェクトでは、カスタム MCP（Model Control Protocol）と ChatGPT AI テンプレートを統合し、Gmail および GitHub と連携するインテリジェントなエージェントシステムを提供します。

特長

• Gmail 連携：Gmail アカウントのメールを読み取り、分析します
• GitHub 連携：GitHub リポジトリと連携し、イシュー、アラート、その他の情報を確認します
• インテリジェントな意思決定：OpenAI モデルを使用して、使用するツールと情報の処理方法を決定します
• 自律的な動作：複雑なリクエストに対応するため、複数のサービス間を自律的に移動できます
• モダンな UI：Next.js と Chakra UI で構築された、美しく応答性に優れた UI

使用例

• 「Gmail に GitHub の警告が届いていないか確認して」
• 「自分のリポジトリの依存関係アラートを見つけて」
• 「最近の GitHub 通知を要約して」

技術スタック

• バックエンド：FastAPI（Python）
• AI：OpenAI API
• 外部 API：Gmail API、GitHub API
• フロントエンド：Next.js、React、Chakra UI

プロジェクト構成

Custom-MCP/
├── src/                  # MCP Server
│   ├── api/              # API endpoints
│   ├── services/         # Service integrations (Gmail, GitHub, OpenAI)
│   ├── models/           # Data models
│   ├── utils/            # Utility functions
│   ├── config/           # Configuration management
│   └── main.py           # Application entry point
├── chatgpt-ai-template/  # ChatGPT AI Template
│   ├── app/              # Next.js app directory
│   ├── src/              # Source code
│   ├── public/           # Static assets
│   └── package.json      # Dependencies
├── .env                  # Environment variables (not in repo)
├── .env.example          # Example environment variables
├── requirements.txt      # Python dependencies
├── start.sh              # Script to start both servers
└── README.md             # This file

セットアップ手順

1. MCP サーバーのセットアップ

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

   pip install -r requirements.txt
   

2. .env ファイルで環境変数を設定します（.env.example を参照してください）

3. MCP サーバーを起動します：

   python run.py
   

4. MCP サーバーは http://localhost:8000 で利用できます

2. ChatGPT AI テンプレートのセットアップ

1. ChatGPT AI テンプレートのディレクトリに移動します：

   cd chatgpt-ai-template
   

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

   npm install
   

3. 開発サーバーを起動します：

   npm run dev
   

4. ChatGPT AI テンプレートは http://localhost:3000 で利用できます

3. クイックスタート（両方のサーバー）

簡単に起動できるよう、付属のスクリプトを使って両方のサーバーを一度に起動できます。

./start.sh

このスクリプトは次の処理を行います：

1. MCP サーバーをバックグラウンドで起動します
2. 初期化が完了するまで待機します
3. ChatGPT AI テンプレートのフロントエンドを起動します
4. フロントエンドの終了時に MCP サーバーを自動的に停止します

設定

次の API 認証情報を設定する必要があります：

• Gmail API（OAuth2）
• GitHub API（個人アクセストークン）
• OpenAI API

必要な環境変数については、.env.example ファイルを参照してください。

使用方法

1. 上記の説明に従って、MCP サーバーと ChatGPT AI テンプレートの両方を起動します。
2. ブラウザーを開き、http://localhost:3000 にアクセスします。
3. サイドバーの「MCP Chat」をクリックし、MCP Chat インターフェースにアクセスします。
4. 入力フィールドにクエリを入力し、Enter キーを押すか、「Send」ボタンをクリックします。
5. MCP サーバーがクエリを処理し、応答を返します。

ライセンス

MIT