ReplitをほかのAIとつなぐ手順（その1）：Claude Code、Codex、Claude、ChatGPT、Slackから Replit を呼ぶ設定と、Open in Replit のリンクを、公式の資料で並べる

この記事は、公式の資料を2026年10月25日に読んでまとめたものです。この記事は、実際に使って確かめた記録ではありません。以下の手順は、公式の手順を順に並べたものです。コマンドは公式の記載の写しです。この記事で組んだ使い方の案は、そう書いた節だけで、動作は確かめていません。画面の表記は変わることがあるので、手元の画面と照らして読んでください。

先に結論

• まず、どちら向きの連携かを分けます。 この記事（その1）は、外のAI・アプリが Replit を呼ぶ向きです。Replit が外のサービスやMCPサーバーを使う向きは、その2（08）です。
• 入口は5つです。 ①Replit MCP Server に直接つなぐ（Claude Code、Codex、ほか）、②Claude のコネクタ、③Claude のデザインキャンバスから Replit へ送る、④ChatGPT のアプリ、⑤Slack。そのほかに、プロンプトを入れたリンクを開く「Open in Replit」があります。
• ChatGPT、Claude、Slack は、公式の説明では Replit MCP Server を通っています。 Claude と Slack のページに、その旨が書かれています（ChatGPT のページには、この記述はありませんでした）。
• 外し方は入口ごとに違い、書かれていない所があります。 表（「外し方のまとめ」）を見てください。

前提：用語をそろえる

• MCP（Model Context Protocol）：AIのツールが、外のツールやデータにつなぐための共通の取り決めです。
• MCP クライアント：MCP でサーバーにつなぐ側のAIのツールです。この記事では、Claude Code と Codex が該当します。
• Streamable HTTP：MCP の通信方式の1つです。公式は、Replit MCP Server の通信方式として挙げています。
• OAuth：パスワードを渡さずに、サービス側の画面で許可を出してつなぐ方式です。
• ターミナル：コマンドを打つ画面です。Claude Code の設定で使います。
• ワークスペース：Replit のアカウントの作業の場所です。OAuth の許可のときに、どのワークスペースにつなぐかを選びます。
• Replit Agent：Replit の中でアプリを作るAIです。公式のツール表は、ask_question を「Agent への質問」、update_app_using_prompt を「Agent による更新の開始」と説明しています（外のAIからの作業を Agent がすべて行う、とまでは、このページには書かれていません）。

入口の一覧

Replit MCP Server に直接つなぐ

公式の「Replit MCP Server」のページが書く内容です。

手順A：Claude Code（公式の手順を順に並べたもの）

1. ターミナルで、次のコマンドを実行する（公式のコマンドの写し）。

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

1. Claude Code を起動するか、再起動する。
2. /mcp を実行し、replit を選ぶ。
3. 「Authenticate」を選び、Replit のサインインを済ませ、ワークスペースを選び、「Allow」を選ぶ。
4. 試す。公式は、Claude Code に、最近更新した Replit のプロジェクトを一覧するよう頼む試し方を示しています。この記事の例は次のとおりです（動作は確かめていません）。

（この記事の例）Replit のプロジェクトのうち、最近更新したものを一覧してください。

期待される結果： 一覧が返れば、つながっています（公式の試し方）。返ってこないときは、下の「つまずきと確認点」を見てください。

手順B：Codex（公式の手順を順に並べたもの）

1. 「Settings → Plugins → MCPs」へ進む。
2. カスタムの MCP を足す。名前は「Replit」のような分かりやすいものにし、「Streamable HTTP」を選び、https://mcp.replit.com/server/mcp を入力して保存する。公式は、bearer トークンもカスタムの見出し（headers）も足さないよう書いています。
3. 「Replit」を有効にし、「Authenticate」を選ぶ。接続する Replit のワークスペースを選び、「Allow」を選ぶ。
4. 試す。公式は、Codex に、最近更新した Replit のプロジェクトを一覧するよう頼む試し方を示しています。

手順C：そのほかのクライアント

公式は、サーバーの URL を「Streamable HTTP と OAuth の認可に対応した MCP クライアント」に足す、と書いています（どのクライアントでも動く、とまでは書いていません）。これ以外の手順（JSON の設定の書き方など）は、このページには書かれていません。クライアントごとの設定ファイルの書き方は、そのクライアントの公式資料で確かめてください。

使えるツール（公式の表の要点）

任意の入力（userSpecifiedAppName、userQuotes、attachmentSummary、updatedAfter など）は、公式のページを見てください。

渡るデータ、権限

• クライアントから Replit へ、依頼の文章（アプリの説明、変更の内容、質問）が渡ります。添付の概要（attachmentSummary）を渡す入力もあります。
• アクセスできるのは、自分が編集できるアプリ（共有されたものを含む）です。
• OAuth の権限の細かい区分、データの保存と保持、プランの条件は、このページには書かれていません。
• publish_app は、公開に当たる操作です。クライアント側で、実行の前に確認が出るかどうかは、このページには書かれていません。

外し方

公式の「Replit MCP Server」のページには、Replit MCP の外し方も、アクセスの取り消し方も、書かれていませんでした（記載が見つかりません）。クライアント側の設定から削除する方法や、Replit のアカウントの設定で接続を見る画面についても、このページには記載がありません。手順は、各クライアントの公式資料と、Replit の画面で確かめてください。

つまずきと確認点

Claude から Replit を使う

Claude と Replit のつなぎ方は、公式のドキュメントに2つ書かれています。

入口1：Claude のコネクタ（Replit in Claude）

公式の手順を順に並べます。

1. Claude で、「connectors directory」を開く。
2. 「Replit」を探して、つなぐ。
3. Claude の案内に沿って、Replit のアカウントにサインインする。

できることは、Replit のアプリを新しく作る、既存のアプリを直す、作っているアプリについて質問する、です。Claude が依頼を Replit Agent に渡し、Agent が作業して、動いているアプリのリンクを返す、と書かれています。公式の例は、次の2つです。

• 「Create a Replit app that tracks my weekly habits」
• 「Add a login page to my Replit app」

この記事の例は次のとおりです（動作は確かめていません）。

（この記事の例）Replit で、読んだ本の記録をつけるアプリを作ってください。

公式は、このコネクタが Replit MCP Server を通って動き、つなぎは Claude が扱う、と書いています。プラン、制限、つなぎを外す方法、トラブルシューティングは、このページには書かれていません。

入口2：Claude のデザインキャンバスから Replit へ送る

公式の2つのページ（「Replit in Claude」と「Import Claude designs into Replit Design」）に書かれた手順です。

1. Claude のデザインキャンバスで、デザインを作る（または開く）。
2. 「Share」を選び、「Send to…」を開く。送り先に Replit が出る。
3. Replit を選ぶ。
4. 同意の画面が出る。題は「Claude would like to access your Replit account」で、3つの権限（「Access apps」「Create and manage apps」「Stay signed in to this application」）を求める。許可するか決める。
5. 新しいプロジェクトを作るワークスペースを選び、確定する。Replit がプロジェクトを作り、開く。
6. Agent が「Turn this Claude design into a real app」というタスクを始める。
7. 終わったら、「Preview」で確かめる。公式の確認項目は、レイアウトと見た目がデザインに近いか、ボタンとフォームとナビゲーションが動くか、更新（リフレッシュ）のあとも動くか、です。
8. 違う所は、Agent に変えたい点を伝える。

• 「Send to Replit」は、Claude が送り先に Replit を出したときだけ表示され、すべてのアカウントにはまだ出ないことがある、と書かれています。
• Agent の変換はクレジットを使う、と書かれています。使う量は、取り込んだデザインにどこまで足すかによる、とも書かれています。
• 取り込みの大きさや件数、時間の上限は、公式のページには書かれていません。
• 外し方（同意の取り消し）は、読んだページには書かれていません。

ChatGPT から Replit を使う（Replit in ChatGPT）

手順（公式の手順を順に並べたもの）

つなぎ方は2通り書かれています。

A：設定から

1. ChatGPT のプロフィールのアイコンを選ぶ。
2. 「Settings」→「Apps & Connectors」へ進む。
3. 「Replit」を探して、「Connect」を選ぶ。
4. Replit のアカウントで、OAuth の許可を済ませる。

B：会話の中から

1. 新しい ChatGPT の会話を始める。
2. Replit を呼ぶ（呼び方は次の表）。
3. まだつないでいなければ、ChatGPT が OAuth の手順を案内する。

公式の例は、「Replit, create a todo app with dark mode」「Replit, which files handle the login logic?」などです。この記事の例は次のとおりです。

（この記事の例）Replit, 買い物リストを管理する、1画面のアプリを作ってください。

できること、できないこと

対応プラン・地域・請求（公式の記載、確認日 2026-10-25）

• ChatGPT：Free、Plus、Pro、Business、Enterprise/Edu。Business と Enterprise/Edu は、管理者が「Workspace settings → Connectors」で有効にする必要がある。
• Replit：公式のページに Starter、Core、Pro、Enterprise の記載がある。Starter は公開のアプリのみ。Core 以上で、非公開のアプリ、長い作業、公開（Publishing）、Database が使える、と書かれています。
• 地域：EU 以外のすべての地域。
• 請求：Replit Agent の利用として、Replit のアカウントに請求される。Core と Pro は月のクレジットがあり、Agent、公開、データベースの分に、枠の範囲で当たる。クレジットパックは6か月で期限が切れ、自動更新されない。使用量の上限と予算は、Replit の請求の設定で決められる、と書かれています。
• 数字や条件は変わることがあります。04と、公式の画面で確かめてください。

渡るデータ、外し方

• ChatGPT から Replit へ、会話に書いた依頼が渡ります。どのデータがどう保持されるかは、このページには書かれていません。
• 外し方（つなぎの解除）は、このページには書かれていません。

つまずきと確認点

Slack から Replit を使う（Replit in Slack）

手順（公式の手順を順に並べたもの）

1. 「Replit for Slack」（replit.com/partners/slack-app）を開く。
2. 「Add to Slack」を選ぶ。
3. つなぐ Slack のワークスペースを選ぶ。
4. 「Allow the Replit app to access Slack」という題の同意の画面で、権限を読む。
5. 「Allow」を選ぶ。

使い方

Slack の任意のチャンネルで、@Replit に続けて依頼を書きます。Agent が試作を作り、会話に戻してくる、と書かれています。スレッドの中で直していけます。公式の例は、次の2つです。

• 「@Replit build a form that collects team lunch orders」
• 「@Replit make a landing page for our launch」

この記事の例は次のとおりです（動作は確かめていません）。

（この記事の例）@Replit 勉強会の参加申し込みを受け付ける、簡単なフォームを作ってください。

渡るデータ、権限

• 同意の画面に、アプリが見られるものと、できる操作が並びます。このページは、その中身を項目ごとには書いていません。設定のときに、画面で読んでください。
• @Replit と呼ぶと、Replit MCP Server を通して動き、つなぎは Slack が扱う、と書かれています。
• Replit の Agent はAIなので、出力が不正確、または不完全なことがある。大事な点は自分で確かめる、と公式は注意しています。

なお、Replit の Connectors に Slack を足す向き（Replit の Agent が Slack を読む）は、別の連携です。08を参照してください。

外し方

Slack で /replit unlink を送ります。公式の説明は、「今の Slack のワークスペースと Replit の組織について、Replit のアカウントのひもづけを取り消す」「ほかの組織やユーザーには影響しない」「次に使うときに、またひもづけられる」です。Slack 側のアプリそのものを削除する手順は、このページには書かれていません。

つまずきと確認点

利用の制限、プランの条件、トラブルシューティングは、このページには書かれていません。

Open in Replit：プロンプトを入れたリンクとバッジ

これは、「ほかのAI」ではなく、人が開くリンクです。公式の「Open in Replit」の内容を並べます。

リンクの形（公式の例の写し）

https://replit.com/?stack=Build&prompt=A4Jw9gtsAuQ&referrer=replit-docs

リンクの作り方（公式の手順を順に並べたもの）

1. アプリを説明するプロンプトを書く。短く、核になる機能に絞る。
2. LZ-string で圧縮する。JavaScript では LZString.compressToEncodedURIComponent(prompt)、Python では lzstring.LZString().compressToEncodedURIComponent(prompt) を使う。結果は URL に使える文字列になる。
3. stack を Design か Build から選ぶ。
4. URL を組み立てる。https://replit.com/?stack=Build&prompt=<圧縮した文字列>。必要なら &referrer= を足す。
5. 共有の前に、URL が正しく解釈されるか試す。
6. バッジを入れる。画像は https://replit.com/badge?caption=Open%20in%20Replit、代替の文字は「Open in Replit」で、リンク先は組み立てた URL。

バッジを押すと、Replit が開き、プロンプトと設定が入った状態になります。

渡るもの、確認点

• ログインの状態にかかわらず、アプリが作られる前に、ユーザー自身の入力（通常は、プロンプトの送信）が要る、と書かれています。
• 次の場合は、プロンプトが入りません。URL の形が正しくない、stack か prompt がない、stack の値が正しくない、展開に失敗した、ブラウザに「URL too long」と出た、です。
• 公式の注意は、信頼できる出どころのリンクだけ押すこと、です。リンクは、意図しない動きや安全上の問題のあるアプリを作ることがある、と書かれています。共有する側も、プロンプトを公開の前に見直し、機密の情報を入れず、何が作られるかを明らかにするよう書かれています。
• 外し方は、読んだページに記載が見つかりませんでした（リンクを開くだけの仕組みで、つなぐ操作は書かれていません。つながりが残るかどうかは、公式で確認できていません）。

この記事の組み合わせ案（公式に書かれた機能の範囲で組んだ案）

以下は、この記事で組んだ案です。動作は確かめていません。公式の機能の組み合わせとして、可能と読める範囲に限っています。

外し方のまとめ

気をつけること

• この記事は、実際に使って確かめた記録ではありません。公式の資料を読んだ範囲です。
• 外のAIから Replit を呼ぶと、そのAIが、自分が編集できるアプリを探し、変え、公開できます（publish_app など）。許可の画面を読んでから進め、公開の操作は、自分で確かめてから行ってください。
• Replit MCP Server の OAuth の権限の区分、データの保持、プランの条件は、読んだページに書かれていません。ChatGPT、Claude のページも、データの扱いと外し方を書いていません。書かれていない点は、確認できていないものとして扱ってください。
• Claude のデザインの送り先の Replit は、すべてのアカウントに出るとは限らない、と公式に書かれています。
• Open in Replit のリンクは、信頼できる出どころのものだけ押してください。
• 公式のドキュメントは頻繁に更新されます。ツール名、入力、画面の表記は変わることがあります。
• 費用に関わる点（クレジット、公開）は、04と公式の画面で確かめてください。

出典

• Replit MCP Server（Replit Docs、確認日 2026-10-25）
• Replit in Claude（Replit Docs、確認日 2026-10-25）
• Import Claude designs into Replit Design（Replit Docs、確認日 2026-10-25）
• Replit in ChatGPT（Replit Docs、確認日 2026-10-25）
• Replit in Slack（Replit Docs、確認日 2026-10-25）
• Open in Replit（Replit Docs、確認日 2026-10-25）
• Connect through MCP（Replit Docs、確認日 2026-10-25）
• Agent Integrations（Replit Docs、確認日 2026-10-25）