• LIVE
  • DATA
  • HUMAN
  • SYNC

AIを使ってBuilder.ioのコンテンツ内容を更新する方法

Builder.ioをAIエージェントに接続すれば、チャットを通じてビジュアルコンテンツを管理できます。接続後は、Builder.ioの管理画面を操作することなく、サイト上のデータを直接書き換えられます。

このページについてAIに聞く

すぐに答え

AIを使ってBuilder.ioのコンテンツを更新できますか?

はい、可能です。AIエージェントが専用のツールを使用して既存のデータを取得し、モデルへの更新内容を反映させます。変更したい内容を伝えるだけで、テキストの書き換え、画像の差し替え、設定の調整が簡単に行えます。以下にその仕組みをまとめました。

変更内容の反映先

リクエストの結果

AIがチャットでの指示を解釈し、Builder.io環境内のデータへ直接反映させます。

LIVE

サイトへの即時反映

AIがモデルに直接変更を書き込みます。更新したテキストや画像は、公開中のサイトに即座に反映されます。

DATA

モデルの同期

Builder.ioモデル内の設定やフィールドが更新されます。指示通りにデータが整合性を保った状態で保持されます。

HUMAN

手動での確認が必要

複雑な構造変更や新しいモデルの作成は、ダッシュボードへのログインが必要です。AIは既存のエントリの操作に特化しています。

SYNC

コンテンツの検証

エントリの現在の状態をAIに確認させることができます。更新が正しく適用されたかを確実に把握できます。

ワークフロー

リクエストを受けた際のAIの動作

AIは現在の設定を読み取り、指示された変更を適用するというサイクルを繰り返します。

  1. 現在のデータを取得

    エージェントは、変更対象となる特定のエントリを検索し、現在の値を確認します。

    get_content_entry
  2. 変更内容を分析

    エージェントは、ユーザーの指示と既存のデータを照らし合わせ、どの部分を修正すべきかを判断します。

    get_content_entry
  3. 更新を適用

    エージェントは、新しいテキスト、画像のURL、または設定値をBuilder.ioモデルに送信します。

    update_content_entry
  4. 状態の確認

    エージェントは、新しい値がシステム内に正しく保存されたかを検証します。

    get_content_entry

試してみる

以下のプロンプトをコピーして開始

これらのプロンプトを使って、最初の更新を試してみましょう。

出発点

括弧内のテキストを、実際のモデル名やエントリIDに置き換えて使用してください。

Builder.io Connector

準備完了です。MCPクライアントを選択し、セットアップ手順に従ってください。

コネクタリンクhttps://edge.vinkius.com/vk_preview_witB1575hHv66927TkpHv8kSHJYvRgHjd4BQ09nJ/mcp

Claude Desktop

以下の手順で数秒で接続できます。

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — Builder.io capabilities are ready to use.
設定 · claude_desktop_config.jsonコピー
{
  "mcpServers": {
    "builderio-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_witB1575hHv66927TkpHv8kSHJYvRgHjd4BQ09nJ/mcp"
    }
  }
}
チャットにコピー04
  • 'Homepage'モデルのヒーローの見出しを'新しいストアへようこそ'に更新して。

  • エントリID 12345 の商品説明を、新しい配送ポリシーに合わせて変更して。

  • 'Summer Banner'エントリの現在の画像URLを確認して、'https://example.com/new-image.jpg'に差し替えて。

  • 'Newsletter Signup'モデルの現在の設定を確認して、プレースホルダーのテキストを教えて。

  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

ここから始める

一度接続すれば、あとは指示するだけ

下のリンクからアカウントを連携してください。認証情報は暗号化され、安全に管理されます。接続が完了すれば、チャット画面から直接コンテンツを管理できるようになります。

Builder.ioをAIに接続する

FAQ

動作に関する詳細

  • 01

    AIは全く新しいコンテンツモデルを作成できますか?

    いいえ。AIができるのは、Builder.ioですでに作成されているモデル内の既存エントリを更新することのみです。

  • 02

    AIがコンテンツエントリを削除してしまうことはありますか?

    いいえ。エントリを削除するためのツールは提供されていないため、AIによってデータが誤って削除される心配はありません。

  • 03

    AIを通じて画像を更新できますか?

    はい。更新に使用する新しい画像のURLを指定していただければ可能です。

  • 04

    AIにBuilder.ioのパスワードを教える必要がありますか?

    いいえ。Vinkiusを介して接続するため、生のログイン情報をAIに共有することなく、安全に接続を管理できます。

  • 05

    AIはページのレイアウトを変更できますか?

    いいえ。AIができることはモデル内のフィールドデータの更新に限られます。ページの視覚的な構造やコード自体を変更することはできません。

  • Builder.ioに関するその他の質問 Builder.io Connectorの全機能を見る

『Builder.io』を Claude、Cursor、ChatGPT などに接続