mcpField
R
Runbox Website Builder MCP

Runbox Website Builder MCP

ローカル
github.com/11cafeクラウド・インフラ1977 週間前に更新

Runbox Website Builder MCP について

Runbox Website Builder MCPは、AIエージェントが作成したウェブサイトを構築、編集、テスト、公開するためのリモート開発サンドボックスを提供します。複数ファイルに対応し、静的サイトを公開URLで配信できます。

主な機能

  1. 01静的サイトを公開URLに公開
  2. 02ライブエディターでコードを編集
  3. 03リモートサンドボックスでファイルを読み書き
  4. 04コマンド実行によるコードのテストと修正
  5. 05複数ファイルの操作

活用シーン

  1. 01AI生成ウェブサイトを共有用に公開
  2. 02サイトのソースを編集して内容を更新
  3. 03リモートサンドボックスでコードをテスト
  4. 04ウェブサイトのデモを作成して確認

MCP 対応

MCPクライアントにリモート開発サンドボックスを提供し、コードやファイルの読み書き、コマンド実行、公開URLへのウェブサイト公開を可能にします。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"website-publisher": {
"command": "npx",
"args": [
"-y",
"code-sandbox-mcp"
]
}
}
}
起動コマンドnpx -y code-sandbox-mcp

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npmcode-sandbox-mcp

ツール

7

掲載時のツール一覧 · 3 週間前に更新

このツールにパラメーターはありません。

詳細

Runbox Website Builder MCP

Runbox MCP は、AI とエージェント向けのリモートコーディング環境を提供します。AI が作成したウェブサイトのコードを、実際に公開された URL ドメインとして公開できます。AI が生成したコードを、リモートサーバー上で動作する実際のウェブサイトとしてデプロイできます。

機能:

  • 静的な html、js、css ファイルを、共有可能な公開ウェブサイト URL として公開します
  • ライブコードエディターでソースコードを編集し、ウェブサイトのコンテンツを更新できます
  • リモートコードサンドボックスでウェブサイトを構築し、コードを読み書きできます
  • リモートサンドボックスでコマンドを安全に実行し、コードをテストしてバグを修正できます
  • コードを実際のウェブサイト URL として配信し、デモをテストできます

デモ動画: https://www.youtube.com/watch?v=ONvT516jLBo

インストール

{
  "mcpServers": {
    "runbox-website-publisher": {
      "command": "npx",
      "args": ["-y", "code-sandbox-mcp@latest"]
    }
  }
}

機能

チャットからウェブサイトを公開

Claude に「xyz のウェブサイトを作成して Runbox に公開して」と頼むだけで、https://runbox.ai/site/VnIdYXn5bIBGyv9X/ のような、ウェブサイトをホストする URL が取得できます。

スクリーンショット 2025-04-23 8 46 03 PM

ライブコードエディター

ライブエディターで、Claude が生成したコードを簡単に表示・編集できます

スクリーンショット 2025-04-23 8 45 48 PM

複数ファイルのサポート

複数の html、js、css ファイルやその他のファイルをサポートします

スクリーンショット 2025-04-23 8 55 32 PM

開発

サーバー側のコード:https://github.com/11cafe/code-sandbox-server

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。