MCPクライアントを設定する

​

Claude Code の連携

​

ステップ 1: サーバーを登録する

claude mcp add --scope user kameleoon -- npx -y mcp-remote@0.1.37 https://mcp.kameleoon.com/mcp 35535 --static-oauth-client-metadata '{ "scope": "openid" }'

claude mcp add --scope project kameleoon -- npx -y mcp-remote@0.1.37 https://mcp.kameleoon.com/mcp 35535 --static-oauth-client-metadata '{ "scope": "openid" }'

claude mcp list

​

ステップ 2: OAuth認証を完了する

npx -y mcp-remote@0.1.37 https://mcp.kameleoon.com/mcp 35535 --static-oauth-client-metadata '{ "scope": "openid" }'

1. コマンドは自動的にブラウザータブを開きます。開かない場合は、ターミナルに表示されたURLをコピーして、手動で開いてください。
2. Kameleoonアカウントにサインインします。
3. Authorize をクリックします。
4. ブラウザーに成功メッセージが表示されたら、ターミナルで Ctrl+C を押します。

claude mcp list

​

ステップ 3: 新しいClaude Codeセッションを開始する

​

ステップ 4: 接続を確認する

• “List the Kameleoon feature flags.”
• “What experiments are running on site X?”
• “Show the status of experiment Y.”
• “Show the code for variation 1 of experiment Z.”

​

Antigravity の連携

​

クイックセットアップ

Connect to the Kameleoon MCP production server. The endpoint is https://mcp.kameleoon.com/mcp, using mcp-remote@0.1.37 on port 35535 with the openid scope. Authenticate by running the npx mcp-remote command to trigger my browser, then verify the connection.

​

手動での設定

{
  "mcpServers": {
    "kameleoon": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote@0.1.37",
        "https://mcp.kameleoon.com/mcp",
        "35535",
        "--static-oauth-client-metadata",
        "{ \"scope\": \"openid\" }"
      ]
    }
  }
}

​

Codex の連携

​

クイックセットアップ

Configure the Kameleoon MCP server at https://mcp.kameleoon.com/mcp. Use port 35535 for callback. Once configured, run the login command to trigger my browser and then list my feature flags.

​

手動での設定

[mcp_servers.kameleoon]
command = "npx"
args = ["-y", "mcp-remote@0.1.37", "https://mcp.kameleoon.com/mcp",
        "35535", "--static-oauth-client-metadata",
        "{ \"scope\": \"openid\" }"]

​

接続を認証する

npx -y mcp-remote@0.1.37 https://mcp.kameleoon.com/mcp 35535 \
  --static-oauth-client-metadata '{ "scope": "openid" }'

1. ブラウザーウィンドウが自動的に開きます。
2. Kameleoonのログインページで Authorize をクリックします。
3. Kameleoonがポート 35535 でローカルのコールバックを完了します。
4. ターミナルに、プロキシが正常に接続されたことが表示されます。

Connected to remote server using StreamableHTTPClientTransport
Local STDIO server running
Proxy established successfully between local STDIO and remote StreamableHTTPClientTransport

​

ツールの動作を確認する

1. ツールの一覧を確認する: tools/list が成功し、Kameleoonのツールが返されることを確認します。ツールリファレンスに記載されているツール（experiment_code_get、feature_flag_list、feature_flag_create など）が出力に含まれていることを確認します。
2. フィーチャーフラグを取得する: feature_flag_list(siteCode = "d1alzzxd7k") を実行します。成功すると、指定したサイトのフィーチャーフラグの一覧が返されます。
3. 実験結果を取得する: experiment_results_get(experimentId = 149640) を実行します。成功すると、実験に紐付いた各ゴールの結果が含まれます。

​

Cursor の連携

​

オプション 1: Cursor の UI で設定する（推奨）

1. Cursor Settings を開きます（macOSでは Cmd+Shift+J、WindowsとLinuxでは Ctrl+Shift+J）。
2. Features > MCP Servers > + Add New MCP Server に移動します。
3. Name を kameleoon に設定します。
4. Type を command に設定します。
5. Command に次の文字列を入力します。
   npx -y mcp-remote@0.1.37 https://mcp.kameleoon.com/mcp 35535 --static-oauth-client-metadata '{ "scope": "openid" }'
   
6. 設定を保存します。

​

オプション 2: JSONファイルで設定する（上級者向け）

{
  "mcpServers": {
    "kameleoon": {
      "command": "bash",
      "args": [
        "-lc",
        "npx -y mcp-remote@0.1.37 https://mcp.kameleoon.com/mcp 35535 --static-oauth-client-metadata '{ \"scope\": \"openid\" }'"
      ]
    }
  }
}

​

開発ワークフローのプロンプトの例

• “List the Kameleoon MCP tools available in this session.”
• “Show all feature flags for site code d1alzzxd7k.”
• “Get the details for feature flag new_search on site d1alzzxd7k.”
• “Fetch experiment results for experiment 149640 and summarize the current status.”
• “Pull the variation code for experiment <experimentId> and variation <variationId>.”

• “Inspect feature flag new_search for site d1alzzxd7k and explain what environments and variations it has.”
• “Summarize experiment 149640 for an engineer. Include status, site code, winner state, and whether any variation data is available.”
• “List the active feature flags for site d1alzzxd7k and point out any flags that look like stale candidates.”
• “Retrieve the code for variation <variationId> in experiment <experimentId> and explain what frontend behavior it changes.”
• “Create a new feature flag named <name> with key <featureKey> for site d1alzzxd7k.”
• “Turn on feature flag <featureKey> in the staging environment for site d1alzzxd7k.”
• “Turn off feature flag <featureKey> in the production environment for site d1alzzxd7k.”
• “How has the checkout experiment performed week by week on phones?”
• “Did new visitors react differently from returning ones in the pricing test? Use Bayesian statistics.”
• “Show the daily trend of the checkout test without Safari, counting every purchase, not only buyers.”
• “Create a segment of returning visitors from Germany on desktop who already completed the Purchase goal.”

​

プロンプトのヒント

• フィーチャーフラグを扱うときは、サイトコードを含めてください。
• 実験または実験結果を照会するときは、実験IDを含めてください。
• バリエーションのコードを依頼するときは、experimentId と variationId の両方を含めてください。
• フィーチャーフラグのオン・オフを依頼するときは、対象の環境を明示してください。
• 生のデータを取得するだけでなく、AIエージェントにMCPのレスポンスを解釈させたい場合は、平易な言葉での要約を依頼してください。