MCP

Model Context Protocol (MCP) は、軽量な JSON ベースのラッパーであり、クライアントアプリケーション（Cursor、Copilot in VS Code、Claude for Desktop など）が、低レベルの HTTP の細部を扱うことなく YouCam AI サービスを呼び出せるようにします。

主な利点: MCP 設定 JSON ファイルに 1 つのエントリを追加し、YouCam の API キーを指定するだけで、MCP 互換のクライアント（Cursor、Copilot in VS Code、Claude for Desktop）から YouCam AI サービス（肌診断、衣服のバーチャル試着、ヘアスタイリングなど）を使用できます。クライアントがリクエストのフォーマット、認証、ポーリングを処理するため、追加のコードは不要です。

• MCP 互換のクライアントがインストールされていること（Claude Desktop、Codex、Cursor、Copilot in VS Code など）。
• YouCam MCP サーバーへのネットワークアクセス（サーバーは 3 つのカテゴリがあります）:
  • https://mcp-api-01.makeupar.com/mcp/beauty
  • https://mcp-api-01.makeupar.com/mcp/fashion
  • https://mcp-api-01.makeupar.com/mcp/creators
• 有効な YouCam API キー（次のセクションを参照）。

クライアント自体がリクエスト/レスポンスのシリアライズとポーリングロジックをすでに実装しているため、開発者が追加のコードを用意する必要はありません。

1. API キーコンソールに移動します: https://yce.perfectcorp.com/api-console/en/api-keys/
2. 新しいキーを作成するか、既存のキーをコピーします。
3. キーを安全な方法で保存します（環境変数、シークレットマネージャーなど）。

環境変数の例（デプロイ環境に合わせて調整してください）: YOUR_API_KEY=your‑api‑key

MCP クライアントは mcp.json という名前の JSON 設定ファイルを読み込みます。以下のように YouCam MCP サーバーのエントリを追加してください:

• YouCam for Beauty & Skin Care

{
  "mcpServers": {
    "youcam-beauty": {
      "url": "https://mcp-api-01.makeupar.com/mcp/beauty",
      "headers": {
        "Authorization": "Bearer YOUR_API_KEY"
      }
    }
  }
}

• YouCam for Fashion & Retail

{
  "mcpServers": {
    "youcam-fashion": {
      "url": "https://mcp-api-01.makeupar.com/mcp/fashion",
      "headers": {
        "Authorization": "Bearer YOUR_API_KEY"
      }
    }
  }
}

• YouCam for Creators

{
  "mcpServers": {
    "youcam-creators": {
      "url": "https://mcp-api-01.makeupar.com/mcp/creators",
      "headers": {
        "Authorization": "Bearer YOUR_API_KEY"
      }
    }
  }
}

設定手順

設定は静的なため、キーを変更した場合はクライアントの再読み込みが必要です。

主要な MCP 対応クライアントとの統合

1. Node.js と npm をダウンロードしてインストールします。

2. Settings → Developer → Edit config → claude_desktop_config.json ファイルを開きます

   

3. mcpServers セクションを更新します

4. YOUR_API_KEY の部分を実際の API キーに置き換えます

{
  "mcpServers": {
    "youcam-beauty": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://mcp-api-01.makeupar.com/mcp/beauty",
        "--header",
        "Authorization:${AUTH_HEADER}"
      ],
      "env": {
        "AUTH_HEADER": "Bearer YOUR_API_KEY"
      }
    }
  }
}

5. File → Exit を選択して Claude Desktop アプリを再起動します

1. Settings → Tools & MCP → Add Custom MCP を開きます

   

2. mcp.json ファイルに設定を追加します

{
  "mcpServers": {
    "youcam-beauty": {
      "url": "https://mcp-api-01.makeupar.com/mcp/beauty",
      "type": "http",
      "headers": {
        "Authorization": "Bearer YOUR_API_KEY"
      }
    }
  }
}

3. Cursor Settings → Tools & MCP に移動します

4. 「Installed MCP Servers」セクションで、必要なツールを有効または無効にします

Copilot in VS Code オプション 1:

1. > MCP: Add Server

   

2. HTTP を選択します

   

3. サーバーの URL を入力します

4. MCP サーバーの名前を指定します

5. ヘッダー設定: API トークンを入力します

Copilot in VS Code オプション 2:

1. > MCP: Open User Configuration

2. youcam-beauty の設定を mcp.json に更新します

{
    "servers": {
        "youcam-beauty": {
            "url": "https://mcp-api-01.makeupar.com/mcp/beauty",
            "type": "http",
            "headers": {
                "Authorization": "Bearer YOUR_API_KEY"
            }
        }
    }
}

YouCam for Beauty & Skin Care には、メイクアップ、スキンケア解析、顔の補正、外見の変換に使用できる以下のツールが含まれています:

• YouCam for Beauty & Skin Care

{
  "mcpServers": {
    "youcam-beauty": {
      "url": "https://mcp-api-01.makeupar.com/mcp/beauty",
      "headers": {
        "Authorization": "Bearer YOUR_API_KEY"
      }
    }
  }
}

YouCam for Fashion & Retail には、ファッション、アクセサリー、スタイリングのアプリケーション向けの以下の API ツールが含まれています:

• YouCam for Fashion & Retail

{
  "mcpServers": {
    "youcam-fashion": {
      "url": "https://mcp-api-01.makeupar.com/mcp/fashion",
      "headers": {
        "Authorization": "Bearer YOUR_API_KEY"
      }
    }
  }
}

YouCam for Creators で利用可能な以下の AI ツールは、主な機能別にグループ化されています:

• YouCam for Creators

{
  "mcpServers": {
    "youcam-creators": {
      "url": "https://mcp-api-01.makeupar.com/mcp/creators",
      "headers": {
        "Authorization": "Bearer YOUR_API_KEY"
      }
    }
  }
}