ブログ

Claude、Cursor、Codexから Mythexアプリを作る

普段使っているAIツールから、Mythexのアプリを作れるようになりました。MythexはリモートのMCPサーバーを提供しているため、Claude、Cursor、Codexは、プロジェクトの作成、非公開のクラウドサンドボックス内でのコードの記述、ライブプレビューの実行、公開を行えます。マシン、プレビュー、ホスティングはMythexが提供します。使うには、URLを1つクライアントに貼り付け、接続をクリックし、Mythexで承認してから、チャットを始めるだけです。

機能の概要

MCP(Model Context Protocol)は、AIアシスタントが別の場所にあるツールを使うための標準的な仕組みです。初めての方は、MCPとは何かで、考え方を平易に説明しています。

Mythex MCPサーバーは、Mythexのエージェントが使うものと同じ種類のツールをアシスタントに提供します。MCPのドキュメントによると、接続されたクライアントは次のことができます。

  • プロジェクトの作成や開く操作、サンドボックスの起動
  • ファイルの読み書き、編集、検索、bashの実行
  • プレビューの開始、ログの読み取り、preview_urlの取得
  • 環境変数の設定(お客様が指定したシークレット。値が一覧で返されることはありません)
  • データベース、ファイルストレージ、チェックポイント、公開機能の利用
  • アプリに対してブラウザを実行し、スクリーンショットをチャットに添付
  • エクスポートとインポート、GitHubとの連携、ドメインの管理

すべてのツールの結果にはworkspace_urlが含まれます。それを開くと、クライアントが作業している間に、Mythex内でライブプレビューと進捗を確認できます。

この機能を作った理由

お気に入りのAIアシスタントと、自分の作業に合わせて調整した環境をすでに持っている人はたくさんいます。一方で、それらのアシスタントにはアプリを動かす場所がありません。実際のプレビュー、データベース、そしてインターネットに公開するボタンを備えたサンドボックスがないのです。

誰かに乗り換えてもらうのではなく、コードが動く場所としてMythexを提供することにしました。アシスタントは考えて入力する部分を担当し、Mythexは仮想マシン、プレビュー、公開を提供します。どちらの方法でも同じプロジェクトになるため、Cursorで始めてMythexのチャットで続けることも、その逆もできます。

使い方

1. MCPのURLをコピーする

URLは次の2か所にあります。先に見つけやすい方を使ってください。

  • アカウント設定 → MCP / Claude
  • コネクタ(左サイドバー)→ カスタムMCP。パネルの下部にあります。

本番環境のURLは https://mcp.mythex.ai/mcp です。

2. クライアントに追加する

Claude: 設定 → コネクタ → カスタムコネクタを追加 の順に進み、URLを貼り付けてから、接続をクリックします。

Cursor: URLだけを指定してサーバーを追加します。設定 → MCP、または .cursor/mcp.json のどちらでも追加できます。

{
  "mcpServers": {
    "mythex": {
      "url": "https://mcp.mythex.ai/mcp"
    }
  }
}

サーバーをオンにし、Cursorから確認されたら接続をクリックします。

Codex も同じ方法で、URLをカスタムMCPサーバーとして追加し、接続します。

3. Mythexで承認する

ブラウザでMythexの同意ページが開きます。必要であればサインインし、アクセスを許可(または拒否)を選んでください。コピーするキーはありません。

4. 作る

クライアントに戻り、作りたいものを依頼します。プレビューを開始すると、preview_urlで動いているアプリを確認できます。対応しているクライアントでは、プレビューがチャット内に表示されます。ブラウザの実行で撮ったスクリーンショットは、会話の中に画像として表示されます。

料金

関係する請求は2種類あります。区別しておくと分かりやすくなります。

  • Claude、Cursor、Codexのモデルの料金は、通常どおりそれぞれのプロバイダーに請求されます。
  • Mythexのクレジットは、ライブのサンドボックスの稼働時間と公開済みのホスティングに使われます。これはクレジットで説明している、1つの残高と同じものです。

クレジットが不足している場合、またはアカウントがまだProではない場合、ツールはupgrade_urlを返します。Cursorでは、料金とクレジットを示すMythexのパネルがチャットに表示されます。

制限事項

  • 誰でも接続できますが、ツールの呼び出しにはProが必要です。 無料アカウントでもアクセスを許可はできますが、アカウントがProになるまで、ツールはアップグレードのパネルを表示するだけです。
  • 残高にクレジットが必要です。 残高がゼロの場合、サンドボックスの起動は拒否され、実行中のサンドボックスは一時停止します。
  • 一部の情報は非公開のままです。 Mythexエージェント自身のプロンプトや内部の仕組み、プラットフォームのシークレット、他のユーザーのプロジェクト、お客様のシークレットの値は公開されません。list_env_keysが返すのは、キーの名前だけです。

逆方向の使い方

MythexのチャットからもMCPサーバーを利用できます。このサーバーも含まれます。コネクタ → カスタムMCPで、任意のサーバーのURLを追加できます。Mythex自身のサーバーを追加すると、アプリ内のエージェントがお客様のプロジェクト、デプロイ、ドメインをツールとして使えるようになります。これについては、GmailやSheets、Slackとの接続で説明しています。

さらに詳しく

  • MCP(Claude、Codex、Cursor):設定の全体とツール一覧
  • サンドボックス:コードが動く場所
  • Cursor vs Windsurf vs Claude Code:アシスタントをまだ選んでいる場合

Mythex · Pricing · AIでなんでも作ろう · ウェブサイト・アプリのテンプレート · Mythexを比較 · AIアプリ開発用語集 · AIアプリ開発の無料ツール · English

English አማርኛ العربية Български বাংলা Bosanski Català Čeština Dansk Deutsch Ελληνικά Español Español (España) Eesti فارسی Suomi Français Français (Canada) ગુજરાતી हिन्दी Hrvatski Magyar Հայերեն Bahasa Indonesia Íslenska Italiano ქართული Қазақ тілі ಕನ್ನಡ 한국어 Lietuvių Latviešu Македонски മലയാളം Монгол मराठी Bahasa Melayu မြန်မာ Norsk bokmål Nederlands ਪੰਜਾਬੀ Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Srpski Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(香港) 繁體中文(台灣)