• READ
  • WRITE
  • CHECK
  • MANUAL

AIを使ってWebflowのCMSコレクションを更新する方法

Webflowとの連携は一度だけで完了。あとはチャット画面から離れることなく、サイトのコンテンツ管理が行えます。

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

すぐに答え

AIでWebflowのCMSを更新するには?

AIエージェントがWebflowのツールを使用してコレクションを特定し、チャットでの指示に基づいて新しいアイテムを挿入します。具体的な動作は以下の詳細をご確認ください。

実行結果

AIエージェントができること

データ入力や検索作業はAIが担当するため、手動で行う必要はありません。

READ

コンテンツの可視化

エージェントが既存のコレクションやアイテムを検索します。サイト上にどのコンテンツが公開されているかを正確に把握できます。

WRITE

新規CMS登録

エージェントがコレクションに新しいアイテムを作成します。チャットのテキスト内容を、適切なフィールドへ自動的に割り当てます。

CHECK

重複の防止

アイテムを追加する前に、既存のデータと重複していないかを確認できます。データベースを常にクリーンな状態に保てます。

MANUAL

人間による確認

AIがデータを準備しますが、最終的な判断はあなたが行います。どのエントリーをサイトに反映させるかを決定できます。

ワークフロー

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

エージェントは論理的な手順に従ってWebflowのデータとやり取りします。

  1. コレクションの特定

    エージェントが利用可能なCMSコレクションを特定し、操作対象を把握します。

    list_cms_collections
  2. アイテムの走査

    特定のコレクションから現在のアイテム一覧を取得し、既存コンテンツを確認します。

    list_collection_items
  3. コンテンツの追加

    指示された新しいデータを、選択したWebflowのコレクションへ書き込みます。

    create_collection_item
  4. 登録の検証

    作成ツールを使用して、新しいアイテムが正常に追加されたことを確認します。

    create_collection_item

試してみる

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

チャットにこれらを貼り付けるだけで、Webflowの操作を開始できます。

出発点

これらは入力の例です。コレクション名は実際のWebflowの設定に合わせて書き換えてください。

Webflow Connector

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

コネクタリンクhttps://edge.vinkius.com/vk_preview_0EndA4IOzHlvdmF21QR5LLvSlZSMaA85Yj0a5xE1/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 — Webflow capabilities are ready to use.
設定 · claude_desktop_config.jsonコピー
{
  "mcpServers": {
    "webflow-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_0EndA4IOzHlvdmF21QR5LLvSlZSMaA85Yj0a5xE1/mcp"
    }
  }
}
チャットにコピー04
  • WebflowのCMSコレクションを一覧表示して。

  • 'Blog Posts'コレクション内のアイテムを表示して。

  • 'Products'コレクションに、名前が'Leather Journal'で価格が'45'の新しいアイテムを追加して。

  • CMSコレクションの中に'Summer Collection'が存在するか確認して。

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

ここから始める

一度Webflowと連携すれば、あとは指示するだけ

以下のリンクから連携してください。ログイン情報は暗号化されて保護されるため、すぐにチャットを開始できます。

WebflowをAIに連携する

FAQ

動作に関する詳細

  • 01

    AIはCMSアイテムを削除できますか?

    いいえ。エージェントができるのは、コレクションのリスト表示、アイテムのリスト表示、および新規作成のみです。データを削除するツールは持っていません。

  • 02

    AIは既存のアイテムを編集できますか?

    いいえ。エージェントは新しいアイテムを作成することのみ可能です。コレクション内にある既存のアイテムを修正したり更新したりすることはできません。

  • 03

    AIがサイトのデザインを変更することはありませんか?

    はい、ありません。この連携はCMSデータのみに限定されています。Webflowのスタイル、レイアウト、またはページ自体に影響を与えることはできません。

  • 04

    どのフィールドに値を入力すべきか、どうやって判断するのですか?

    エージェントがまずコレクションの構造を読み取り、その情報に基づいてチャットの入力を適切なフィールドへマッピングします。

  • 05

    CursorやClaudeでも使えますか?

    はい。MCPに対応しているクライアントであれば、どのアプリでも使用可能です。

  • Webflowについて他に質問がありますか? Webflow Connectorの全機能を見る

『Webflow』を Claude、Cursor、ChatGPT などに接続