日本語
ウェイトリストに参加

ほかのAIアプリやコーディングツールを接続する

Perplexity、Grok、Le Chat、Geminiアプリは、Page Lemonをカスタムコネクタとして追加します。Claude Code、Codex、Cursor、VS Code、Antigravity、Gemini CLI、Windsurf、Cline、Traeは、コマンド1つか設定ブロック1つで完了します。そのあと、AIがサイトを公開・更新できるようになります。

最終更新 · Markdownで表示

このページの内容

はじめる前に

ClaudeやChatGPTをお使いの場合は、Claudeと接続するまたはChatGPTと接続するをご覧ください。

ログインの流れは、どのアプリでも同じです。ブラウザでPage Lemonのページが開くので、Googleまたはメールでログインし、アプリにできることを確認して許可をクリックします。そのあとアプリに戻ってください。選択肢については許可する内容で説明しています。

これらのアプリは、ときどきメニューが変わります。画面が手順と違うときは、Connectors または MCP を探してください。

チャットアプリ

Perplexity、Grok、Le Chatに入力するリンクはこちらです。

text
https://mcp.pagelemon.com/mcp

Perplexity

Perplexity Pro、Max、Enterpriseのいずれかが必要です。コネクタの追加は、ウェブ版またはデスクトップアプリで行ってください。モバイルアプリには、まだ表示されないことがあります。

  1. 設定 → コネクタを開き、カスタムコネクタを追加します。
  2. 名前を Page Lemon にして、上のリンクを貼り付けます。
  3. 認証方法に OAuth を選んで保存します。
  4. 接続をクリックしてPage Lemonにログインし、許可をクリックします。
  5. 新しいチャットで、ソースまたはコネクタのメニューから Page Lemon をオンにします。

Grok

無料プランを含め、Grokのすべてのプランで使えます（混み合う時間帯は、無料プランが "High Demand" と返すことがあります。しばらくしてからもう一度お試しください）。ウェブのgrok.comで追加すると、追加後はGrokのモバイルアプリでも使えます。

  1. grok.com/connectorsを開き、New Connectorをクリックして、Customをクリックします。
  2. 名前をPage Lemonにして、上のリンクをServer URLに貼り付け、Add Connectorをクリックします。
  3. Page Lemonのウィンドウが開きます。ログインして、Allowをクリックします。
  4. チャットで、GrokにPage Lemonを使うよう頼みます。

Mistral Le Chat

ウェブ版なら、無料プランを含むすべてのLe Chatプランで使えます。TeamプランとEnterpriseプランでは、管理者が全員分のコネクタを追加します。

  1. Le Chatのサイドメニュー、Intelligenceの下にあるコネクタを開き、コネクタを追加します。
  2. Custom MCP Connector を選び、名前を Page Lemon にして、上のリンクを貼り付けます。
  3. ログイン方法はLe Chatが自動で判別します。接続をクリックしてPage Lemonにログインし、許可をクリックします。
  4. チャットで、ツールのメニューから Page Lemon をオンにします。

ログインの代わりに、APIトークンでLe Chatを接続することもできます。ヘッダー認証を選び、Authorization: Bearer pl_... にトークンを入れて送信してください。トークンは、有効期限（作成時に選んだ期間で、変更しなければ90日）が切れるか、無効にするまで使えます。

コーディングツール

コーディングツール用のリンクはこちらです。

text
https://mcp.pagelemon.com/mcp

ログインするまでは、このリンクで新しいサイトを公開することしかできません（保存しないと72時間で期限切れになります）。ログインすると、AIがすべてのサイトを扱えるようになります。

Claude Code

Claude Codeが含まれるClaudeプランなら、どれでも使えます。ターミナルで次のコマンドを実行します。

bash
claude mcp add --transport http pagelemon https://mcp.pagelemon.com/mcp

次に、Claude Code内で /mcp を実行し、pagelemon を選んでログインします。

Codex

bash
codex mcp add pagelemon --url https://mcp.pagelemon.com/mcp
codex mcp login pagelemon

2つ目のコマンドでPage Lemonが開くので、そこでログインします。APIトークンを使う場合は、設定ファイルではなく環境変数に保存してください。

Cursor

Cursorのどのプランでも使えます。~/.cursor/mcp.json（すべてのプロジェクト）または .cursor/mcp.json（1つのプロジェクト）に、次の内容を追加します。

json
{
  "mcpServers": {
    "pagelemon": {
      "url": "https://mcp.pagelemon.com/mcp"
    }
  }
}

Cursorの設定を開き、MCPのセクションを探します（最近のバージョンではTools and MCP）。pagelemon の横にログインを促す表示が出たら、クリックしてログインします。

VS Code

VS CodeのGitHub Copilotで使えます（Copilot Freeも対象）。プロジェクトの .vscode/mcp.json に次の内容を追加するか、コマンドパレットから MCP: Add Server を実行してHTTPを選びます。

json
{
  "servers": {
    "pagelemon": {
      "type": "http",
      "url": "https://mcp.pagelemon.com/mcp"
    }
  }
}

mcp.json でサーバーの上に表示される Start をクリックします。VS CodeからPage Lemonでのログインを許可するか尋ねられたら、許可してログインします。Copilot Chatはエージェントモードで使います。

Copilot BusinessやEnterpriseでは、組織の設定でMCPサーバーがオフになっている場合があります。追加できないときは、管理者に確認してください。

Antigravity

Googleのコーディングツールで、Antigravity IDEとAntigravity CLI（agy）の両方で使えます。~/.gemini/config/mcp_config.json（すべてのプロジェクト）または .agents/mcp_config.json（1つのプロジェクト）に、次の内容を追加します。

json
{
  "mcpServers": {
    "pagelemon": {
      "serverUrl": "https://mcp.pagelemon.com/mcp"
    }
  }
}

IDEでは、MCP Servers パネルを開き、Manage MCP Servers、View raw config の順にクリックするとファイルが開きます。Antigravityではアドレスの項目名は httpUrl ではなく serverUrl です。

これだけで、AIが最初のサイトを公開できます。ログインするには、エージェントの設定を開いて Customizations に進み、pagelemon の横の Authenticate をクリックします。Page Lemonにログインして Allow をクリックし、Antigravityに求められたコードを貼り付けます。APIトークンを使う方法もあります。ブロックを下の内容に置き換え、pl_... の部分に自分のトークンを入れてください。

json
{
  "mcpServers": {
    "pagelemon": {
      "serverUrl": "https://mcp.pagelemon.com/mcp",
      "headers": {
        "Authorization": "Bearer pl_..."
      }
    }
  }
}

1つ目のパスなら、このファイルはプロジェクトではなくパソコンの中にあるので、トークンがgitに入ることはありません。共有プロジェクトの .agents/mcp_config.json にはトークンを入れないでください。

Gemini CLI

Gemini CLIは、2026年6月18日に個人のGoogleアカウント（無料枠、Google AI Pro、Ultra）への提供を終了しました。これらのアカウントはAntigravityを使います。Gemini CLIは、Gemini APIキーまたはGemini Code Assistのライセンスがあれば引き続き使えます。~/.gemini/settings.json（すべてのプロジェクト）または .gemini/settings.json（1つのプロジェクト）に、次の内容を追加します。

json
{
  "mcpServers": {
    "pagelemon": {
      "httpUrl": "https://mcp.pagelemon.com/mcp"
    }
  }
}

Gemini CLIを起動して /mcp auth pagelemon を実行し、ログインします。Antigravityに移った場合は、agy plugin import gemini でGemini CLIのサーバーを引き継げます。新しいファイルの pagelemon が serverUrl になっているか確認してください。

Windsurf

Windsurfのどのプランでも使えます。Teamsプランでは、先に管理者がリモートMCPサーバーを許可する必要がある場合があります。~/.codeium/windsurf/mcp_config.json に次の内容を追加します。

json
{
  "mcpServers": {
    "pagelemon": {
      "serverUrl": "https://mcp.pagelemon.com/mcp",
      "headers": {
        "Authorization": "Bearer pl_..."
      }
    }
  }
}

WindsurfはAPIトークンで接続します。pl_... の部分をトークンに置き換えてください。CascadeのMCPメニューからファイルを開き、サーバー一覧を更新する方法もあります。

ClineとTrae

ClineとTraeは、ヘッダーに入れたAPIトークンで接続します。先にトークンを作成してから、ツールのMCP設定にPage Lemonを追加します。

ClineはMCP Serversパネルを開き、設定ファイル（cline_mcp_settings.json）を編集します。

json
{
  "mcpServers": {
    "pagelemon": {
      "type": "streamableHttp",
      "url": "https://mcp.pagelemon.com/mcp",
      "headers": {
        "Authorization": "Bearer pl_..."
      }
    }
  }
}

Traeは設定でMCPを開き、サーバーを手動で追加する方を選んで、次の内容を貼り付けます。

json
{
  "mcpServers": {
    "pagelemon": {
      "url": "https://mcp.pagelemon.com/mcp",
      "headers": {
        "Authorization": "Bearer pl_..."
      }
    }
  }
}

pl_... の部分をトークンに置き換えてください。これらの設定ファイルはプロジェクト内ではなくパソコン本体にあるため、トークンがgitに含まれることはありません。トークンの有効期限（作成時に選んだ期間で、変更しなければ90日）が切れたら、新しく作って貼り替えてください。

Geminiアプリ

Geminiアプリ（gemini.google.com）は、ウェブでPage Lemonをカスタムアプリとして追加します。追加後は、Geminiのモバイルアプリでも使えます。Googleによると、個人のGoogleアカウント（仕事用・学校用は不可）、18歳以上、Keep Activityがオンであることが必要です。ヘルプページには米国と英語のみとも書かれていますが、私たちの英国のGoogle AI Plusアカウントではこのオプションが表示されました。Customが表示されない場合は、Antigravityを使うか、Geminiにサイトを1枚の完全なページとして作ってもらい、コードをコピーしてpagelemon.com/publishに貼り付けてください。

  1. gemini.google.com/customize/connectorsを開きます（スマートフォンではアプリではなくブラウザを使ってください）。またはMenu → Settings → Connected appsをタップします。
  2. Customをクリックし、https://mcp.pagelemon.com/mcpをMCP server URLに貼り付けて、Nextをクリックします。
  3. Googleの注意書きを読み、チェックボックスをオンにして、Connectをクリックします。
  4. Page Lemonのページが開きます。ログインして、Allowをクリックします。
  5. チャットで@と入力し、Page Lemonを選んで、サイトを依頼します。Geminiは、何かを変更する前に確認を求めてきます。

ログインの代わりにトークンを使う

ここにあるツールは、どれもログインの代わりにAPIトークンを使えます。ブラウザのないサーバーなどで便利です。トークンはヘッダーで送ります：Authorization: Bearer pl_...。Claude Codeの場合は次のとおりです。

bash
claude mcp add --transport http pagelemon https://mcp.pagelemon.com/mcp --header "Authorization: Bearer pl_..."

共有プロジェクトの .cursor/mcp.json や .vscode/mcp.json など、コミットするファイルには、トークンを絶対に書かないでください。

その他のアプリ

streamable HTTPでリモートMCPサーバーに対応しているアプリなら、どれでも接続できます。アドレスやログインの詳細はMCPサーバーとツールをご覧ください。

動作を確認する

AIチャットに貼り付ける

Page Lemonにあるサイトを教えて

AIがサイトの一覧を表示すれば、接続とログインは完了です。続けて、サイトの公開を頼んでみましょう。

うまくいかないとき

症状対処法
チャットアプリがPage Lemonやそのツールを使ってくれないチャットのツールまたはコネクタのメニューでコネクタをオンにし、新しいチャットを始めます
コネクタを追加する場所が見つからないそのアプリのプランを確認してください。仕事用プランの場合は、管理者に相談してください
コーディングツールにPage Lemonのツールが表示されないJSONの書式が正しいか（末尾にカンマがないか）確認し、ファイルを保存してから、ツールを再起動するかMCPの一覧を更新します
ログインページが開かないツール側でログインをやり直します（Claude Codeでは /mcp、Antigravityでは設定の Authenticate、Gemini CLIでは /mcp auth pagelemon、CursorやVS Codeではサーバーの項目から）
ログインが進まない、または「We couldn't connect this app」と表示されるログイン用のリンクは数分間しか有効ではありません。ツールからやり直してください。それでも解決しないときは、代わりにAPIトークンを使います
トークンを使うと 401 でエラーになるトークンが間違っているか、期限切れか、無効になっています。「はじめる」ページで新しく作成してください
AIが「管理の許可が必要」と言う管理のスイッチがオフになっていました。もう一度接続してオンにするか、Page Lemonアプリでご自身で変更してください

解決しないときは、問題を解決するをご覧になるか、support@pagelemon.com まで、お使いのアプリを添えてメールでご連絡ください。

接続を解除する

dash.pagelemon.com/account/tokens （設定 → APIトークン&AIアプリ）を開き、該当のアプリの横にある接続を解除をクリックします。すぐにログアウトされますが、サイトは公開されたままです。そのあと、アプリ側でコネクタを削除するか、ツールの設定から pagelemon の項目を削除します。

わかりにくい点や古い情報はありませんか？ お知らせください。ページを修正します。