• LAYOUT
  • CONTENT
  • ERRORS
  • HUMAN

AIでページモジュールを調査する方法:Agility CMSコネクターを活用

Agility CMSをエージェントに一度接続するだけで、サイトの構造やコンポーネントのデータをチャットから直接照会できるようになります。

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

すぐに答え

AIを使ってページレイアウトやコンポーネントを確認するには?

エージェントがAgility CMSのツールを使用して、特定のページ構造や個別のコンテンツ項目を取得します。モジュールの定義やそれらがどのように組み合わされているかを明確に把握できます。以下に、実行可能な内容をまとめました。

課題の所在を特定します

デバッグの結果

AIが見つけたデータは、以下の項目に整理されます。

LAYOUT

構造マップ

AIがページの階層構造全体を取得します。どのモジュールが存在し、どのような順序で配置されているかが一目でわかります。

CONTENT

コンポーネント詳細

エージェントが個々の項目から特定のデータを抽出します。サイトのコンポーネントに反映される生の値を直接確認できます。

ERRORS

レンダリングの不備

レイアウトとコンテンツを照合することで、データの欠落やモジュールの定義ミスをエージェントが特定します。

HUMAN

手動での修正

AIが問題を特定しますが、実際のコンテンツを変更するにはAgility CMSのエディタで手動操作を行う必要があります。

ワークフロー

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

エージェントは、CMSデータを質問内容に紐付けるために論理的な手順を踏みます。

  1. ページの構造把握

    リクエストされたページの構造的な設計図を特定し、どのモジュールが存在するかを確認します。

    get_page_layout
  2. コンポーネントデータの取得

    レイアウトが判明した後、各モジュールやコンテンツブロックの具体的なデータを取得します。

    get_single_item
  3. 構造の分析

    取得したレイアウトとコンテンツを比較し、不一致がないかを検証します。

    get_page_layoutget_single_item
  4. 調査結果の報告

    ページの構成内容や発見された問題点を、テキスト形式の要約として提示します。

    get_single_item

試してみる

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

これらのプロンプトを使って調査を開始できます。

出発点

括弧内のテキストを、実際のAgility CMSのページ名やIDに書き換えて使用してください。

Agility CMS Connector

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

コネクタリンクhttps://edge.vinkius.com/vk_preview_5eswiSmSUebcV9cwXlY54rj1CtGkp8fDqrTfU030/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 — Agility CMS capabilities are ready to use.
設定 · claude_desktop_config.jsonコピー
{
  "mcpServers": {
    "agility-cms-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_5eswiSmSUebcV9cwXlY54rj1CtGkp8fDqrTfU030/mcp"
    }
  }
}
チャットにコピー04
  • 「Homepage」ページのレイアウトを教えてください。

  • ID「hero-banner-01」を持つモジュールのコンテンツ詳細を取得してください。

  • 「Product Detail」ページのレイアウトで使用されているすべてのコンポーネントをリストアップしてください。

  • 「Contact Us」ページに必要なモジュールがすべて定義されているか確認してください。

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

ここから始める

Agility CMSを一度接続すれば、すぐに質問できます

リンクに従ってアカウントを接続してください。認証情報は暗号化されて保持されます。接続後はすぐにCMSデータの照会を開始できます。

Agility CMSをAIに接続する

FAQ

機能の仕様について

  • 01

    AIはAgility CMS内のコンテンツを書き換えることはできますか?

    いいえ。AIができるのはページレイアウトとアイテムデータの読み取りのみです。編集はすべてCMS上で行う必要があります。

  • 02

    AIは新しいページを作成できますか?

    いいえ。このコネクターは、既存の構造データおよびコンテンツデータの取得に限定されています。

  • 03

    AIはどのようにしてページ上のモジュールを特定するのですか?

    レイアウトツールを使用して、そのページに割り当てられている具体的なコンポーネント定義を確認します。

  • 04

    CSSの問題を解決するために使えますか?

    どのモジュールが存在するかを伝えることはできますが、AIはサイトのスタイルシートやCSSコードを閲覧・編集することはできません。

  • 05

    AIはCMSライブラリ全体を一度にスキャンしますか?

    いいえ。AIがアクセスするのは、ユーザーが照会を依頼した特定のページまたはアイテムのみです。

  • Agility CMSについてさらに詳しく知りたいですか? Agility CMSコネクターの全機能を見る

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