Buildez MCP

🚀 Buildez MCP Server

AIを利用して、MCP互換のツールを通じて完全なウェブサイトを構築できます。

🚀 クイックスタート

このMCPサーバーは、AIアシスタントをBuildez.aiに接続し、あなたが望むウェブサイトを説明するだけで、完全なウェブサイトを作成できます。

例:

"ブルックリンにあるイタリアンファミリーレストラン、トニーズピザ店のオンライン注文機能付きウェブサイトを作成してください"

これにより、完全な稼働中のウェブサイトが作成されます。

✨ 主な機能

• AIを利用して、任意のMCP互換ツールで完全なウェブサイトを構築できます。
• ウェブサイトの要件を説明するだけで、自動的にサイトが生成されます。

📦 インストール

ステップ1: Node.jsのインストール (必須)

Windows

1. nodejs.org/en/downloadにアクセスします。
2. "Windows Installer (.msi)" ボタンをクリックします。
3. ダウンロードしたファイルを実行します。
4. 「次へ」→「次へ」→「次へ」→「インストール」をクリックします。
5. コンピューターを再起動します (または、少なくともコマンドプロンプトを閉じて再度開きます)。

Mac

brew install node

または、nodejs.orgからダウンロードします。

Linux

sudo apt install nodejs npm

ステップ2: Buildez MCPのインストール

コマンドプロンプト (Windows) または ターミナル (Mac/Linux) を開き、以下のコマンドを実行します。

npm install -g buildez-mcp

Windowsのヒント: Win + R を押し、cmd と入力してEnterを押すと、コマンドプロンプトが開きます。

ステップ3: インストールの確認

buildez-mcp --help

エラーではなく出力が表示されれば、正常にインストールされています。

💻 使用例

使用可能なツール

出力例

✅ ウェブサイト "トニーズピザ店" が正常に作成されました！

ライブURL: https://webid.is/tonys-pizzeria-x7k2m9
エディター: https://buildez.ai/editor/tonys-pizzeria-x7k2m9

使用されたコンポーネント:
- レストランのブランディングがあるヒーローセクション
- メニュー表示
- 連絡先情報
- オンライン注文
- 評判
- ロケーションマップがあるフッター

📚 ドキュメント

ツール別のセットアップ

VS Code (GitHub Copilot)

VS Codeは現在、GitHub Copilotを使用したMCPサーバーをサポートしています。

オプション1: ユーザー設定 (すべてのプロジェクト)

1. VS Codeを開きます。
2. Ctrl+Shift+P (Windows/Linux) または Cmd+Shift+P (Mac) を押します。
3. "Preferences: Open User Settings (JSON)" と入力し、Enterを押します。
4. 設定に以下を追加します。

{
  "mcp": {
    "servers": {
      "buildez": {
        "command": "npx",
        "args": ["buildez-mcp"],
        "env": {
          "BUILDEZ_API_URL": "https://buildez.ai"
        }
      }
    }
  }
}

オプション2: ワークスペース設定 (単一プロジェクト)

プロジェクト内に .vscode/mcp.json ファイルを作成します。

{
  "servers": {
    "buildez": {
      "command": "npx",
      "args": ["buildez-mcp"],
      "env": {
        "BUILDEZ_API_URL": "https://buildez.ai"
      }
    }
  }
}

5. VS Codeを再起動します。
6. Copilot Chatを開き、「私のコーヒーショップのウェブサイトを作成してください」と尋ねます。

注意: GitHub CopilotのサブスクリプションとVS Code 1.99以上が必要です。

Cursor IDE

Windows

以下のファイルを編集します: C:\Users\YOUR_USERNAME\.cursor\mcp.json

{
  "mcpServers": {
    "buildez": {
      "command": "npx",
      "args": ["buildez-mcp"],
      "env": {
        "BUILDEZ_API_URL": "https://buildez.ai"
      }
    }
  }
}

Mac / Linux

以下のファイルを編集します: ~/.cursor/mcp.json

{
  "mcpServers": {
    "buildez": {
      "command": "npx",
      "args": ["buildez-mcp"],
      "env": {
        "BUILDEZ_API_URL": "https://buildez.ai"
      }
    }
  }
}

その後、Cursorを再起動します。

Claude Desktop

Windows

以下のファイルを編集します: C:\Users\YOUR_USERNAME\AppData\Roaming\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "buildez": {
      "command": "npx",
      "args": ["buildez-mcp"],
      "env": {
        "BUILDEZ_API_URL": "https://buildez.ai"
      }
    }
  }
}

Mac

以下のファイルを編集します: ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "buildez": {
      "command": "npx",
      "args": ["buildez-mcp"],
      "env": {
        "BUILDEZ_API_URL": "https://buildez.ai"
      }
    }
  }
}

その後、Claude Desktopを再起動します。

Claude Code (CLI)

Claude CodeはMCPを組み込みでサポートしています。以下のコマンドを実行します。

claude mcp add buildez-mcp -- npx buildez-mcp

追加されたことを確認する:

claude mcp list

使用するには、Claude Codeを起動し、以下を尋ねます。

"Bean Dreamsという名前のコーヒーショップのウェブサイトを作成してください"

Cline (VS Code拡張機能)

1. VS CodeでCline拡張機能をインストールします。
2. Clineの設定を開きます。
3. MCPサーバーセクションに移動します。
4. 以下を追加します。

{
  "buildez": {
    "command": "npx",
    "args": ["buildez-mcp"],
    "env": {
      "BUILDEZ_API_URL": "https://buildez.ai"
    }
  }
}

Windsurf

WindsurfのMCP設定を編集し、以下を追加します。

{
  "mcpServers": {
    "buildez": {
      "command": "npx",
      "args": ["buildez-mcp"],
      "env": {
        "BUILDEZ_API_URL": "https://buildez.ai"
      }
    }
  }
}

使用方法

セットアップ後、AIにウェブサイトの構築を依頼するだけです。

例:

• "シアトルにあるMorning Brewというコーヒーショップのウェブサイトを作成してください"
• "サラという写真家のポートフォリオウェブサイトを作成してください"
• "宝石店の電子商取引サイトを構築してください"
• "家族法を専門とする法律事務所のウェブサイトを作成してください"

AIは以下のことを行います。

1. あなたの要件を分析します。
2. 最適なコンポーネントを選択します (170以上利用可能)。
3. あなたのビジネスに合ったカスタムコンテンツを生成します。
4. ウェブサイトをデプロイします。
5. ライブURLを提供します。

🔧 トラブルシューティング

Windows: "npm is not recognized"

• Node.jsがインストールされていないか、PATHに含まれていません。
• nodejs.org/en/downloadからNode.jsを再インストールします。
• インストール後にコマンドプロンプトを再起動することを確認します。

Windows: "buildez-mcp is not recognized"

• npm install -g buildez-mcp を再度実行します。
• フルパスを使用してみます: %APPDATA%\npm\buildez-mcp

MCPが "Error" または赤いドットを表示する

• IDE/アプリを再起動します。
• BUILDEZ_API_URLが https://buildez.ai に設定されていることを確認します。

ウェブサイトが生成されない

• インターネット接続を確認します。
• まずは簡単な説明から試してみます。

リンク

• ウェブサイト: buildez.ai
• ドキュメント: buildez.ai/docs
• サポート: support@buildez.ai

📄 ライセンス

MIT