• 資産の探索
  • URLの取得
  • コードへの統合
  • 内容の確認

AIエージェントでHygraphのメディア資産を管理する方法

Hygraphをエージェントに接続することで、ヘッドレスCMSを開発ワークフローに直結した検索可能なデータソースへと変貌させます。

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

すぐに答え

AIを使ってHygraphのメディアをどう扱えますか?

エージェントがHygraph MCPを使用してメディアライブラリをスキャンし、特定のファイルURLを取得します。名前やファイル形式を指定して資産を探し、コードに必要なリンクを抽出することが可能です。チャットインターフェースからCMS資産へ直接アクセスできる環境を構築できます。

資産の活用方法

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

検索や取得といった重い作業はAIに任せ、あなたは実装作業に集中できます。

資産の探索

特定のファイルを見つける

エージェントがHygraphライブラリをスキャンし、画像、動画、ドキュメントを特定します。手動で探す手間なく、利用可能な資産のリストを取得できます。

URLの取得

直接リンクを取得する

ダッシュボードを何度もクリックする必要はありません。エージェントが正確なファイルURLを抽出します。取得したリンクをそのままフロントエンドへ貼り付けられます。

コードへの統合

フロントエンドへ供給

取得したURLを使ってコンポーネントにデータを流し込みます。エージェントがCMSストレージとコードエディタの架け橋となります。

内容の確認

選択した資産を検証する

AIが見つけた資産リストを提示します。リンクを使用する前に、プロジェクトに最適なファイルかどうかをあなたが判断できます。

ワークフロー

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

ライブラリのスキャンから、実用的なデータの提供までをエージェントが実行します。

  1. ライブラリのスキャン

    エージェントがHygraphのメディアコレクションを確認し、現在ホストされているファイルを把握します。

    list_media_assets
  2. 資産のフィルタリング

    ファイル形式や名前など、指定された条件に基づいてリストを絞り込みます。

    list_media_assets
  3. URLの抽出

    リクエストされたファイルに紐づく、正確なウェブアドレスを特定します。

    list_media_assets
  4. チャットへの出力

    最終的なURLリストをチャットウィンドウに表示し、簡単にコピーできるようにします。

    list_media_assets

試してみる

以下のプロンプトをコピーして開始してください。

これらのプロンプトを使って、Hygraphメディアとの対話を始めましょう。

出発点

これらは基本的なプロンプトです。実際のHygraphのコンテンツに合わせて、ファイル形式や名前を書き換えて使用してください。

Hygraph Connector

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

コネクタリンクhttps://edge.vinkius.com/vk_preview_E2kDf3rmUJJgcNZKXaOKQyqaD4p2MZcV1xyGfKJa/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 — Hygraph capabilities are ready to use.
設定 · claude_desktop_config.jsonコピー
{
  "mcpServers": {
    "hygraph-headless-cms-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_E2kDf3rmUJJgcNZKXaOKQyqaD4p2MZcV1xyGfKJa/mcp"
    }
  }
}
チャットにコピー04
  • Hygraphライブラリ内のすべてのメディア資産をリストアップして。

  • 'summer_campaign_01' という名前のヒーロー画像のURLを見つけて。

  • Hygraphメディアライブラリにあるすべての動画ファイルを教えて。

  • アセット内にあるすべてのPNGファイルの直接URLを教えて。

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

ここから始める

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

VinkiusのダッシュボードからHygraphアカウントを連携させるだけです。接続が完了すれば、エージェントはすぐにメディアデータの取得を開始できます。

HygraphをAIに接続する

FAQ

機能の詳細

  • 01

    AIはHygraphからメディアを削除できますか?

    いいえ。このMCPにはメディア資産のリスト表示と取得の機能しかありません。ファイルの削除や変更は行えません。

  • 02

    AIを通じて新しい画像をアップロードできますか?

    いいえ。現在のツールは既存の資産のリスト表示と取得に限定されています。アップロードにはHygraphのダッシュボードを使用する必要があります。

  • 03

    AIにログイン資格情報は渡されますか?

    いいえ。資格情報は暗号化され、Vinkiusによって安全に管理されます。AIは提供されたツールを通じてデータにアクセスするだけです。

  • 04

    AIはメディアをフォルダに整理できますか?

    いいえ。エージェントは既存の資産をリストアップすることしかできません。Hygraph内で新しいフォルダ構造を作成したり、ファイルを移動したりすることはできません。

  • 05

    AIはどうやって正しいファイルを見つけるのですか?

    エージェントは list_media_assets ツールを使用してライブラリをスキャンし、ユーザーのテキストによる指示とファイルのメタデータを照合します。

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

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