AIエージェントでページレイアウトの整合性を検証する方法

はい。エージェントが特定のページレイアウトやカスタムページリストを取得し、コンテンツ構造を確認します。そのJSONとルーティングロジックを比較することで、データとUIに乖離がないかを明確に特定できます。

1. 01

   ページデータの取得

   指定されたページのレイアウト構成を取得し、コンテンツがどのようにネストされているかを確認します。

   get_page_layout
2. 02

   カスタムページの走査

   カスタムページの全リストを取得し、利用可能なコンテンツタイプをマッピングします。

   list_custom_pages
3. 03

   構造の比較

   取得したJSONとルーティング要件を比較し、不足しているキーや誤ったスラッグを見つけ出します。

   get_page_layout
4. 04

   不一致の報告

   ルーティングエラーやレイアウト崩れの原因となっているページやフィールドを正確に特定します。

   list_custom_pages

ButterCMS Connector

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

コネクタリンクhttps://edge.vinkius.com/vk_preview_lz8oJACuel9Orm3eZ03PsVsPvz38Hxfltpy66t6c/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 — ButterCMS capabilities are ready to use.

設定 · claude_desktop_config.jsonコピー

{
  "mcpServers": {
    "buttercms-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_lz8oJACuel9Orm3eZ03PsVsPvz38Hxfltpy66t6c/mcp"
    }
  }
}

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

API認証情報を入力するだけです。ログイン情報は弊社側で暗号化して保持されるため、すぐにエージェントによるコンテンツの検査を開始できます。

• 01

  AIはButterCMS内のコンテンツを変更できますか？

  いいえ。AIができるのはページレイアウトとカスタムページリストの読み取りのみです。コンテンツの編集や削除はできません。

• 02

  AIはコードを自動的に修正しますか？

  いいえ。AIはデータとコードの不一致箇所を特定しますが、実際の修正はエディタやCMS上で行う必要があります。

• 03

  すべてのコンテンツを閲覧できますか？

  提供されたツールがアクセス可能な範囲内のページやカスタムページであれば、すべて閲覧可能です。

• 04

  UIのルーティングをどのように把握しますか？

  AIがButterCMSのデータと比較対象として使えるよう、チャット内でルーティングのロジックやコードのコンテキストを提示する必要があります。

• 05

  新しいページを作成できますか？

  いいえ。ツールはエージェントが既存のレイアウトを取得し、既存のページをリストアップすることのみを許可しています。

• ButterCMSに関するその他の質問は、Connectorのページで確認できます。 ButterCMS Connectorの全機能を見る