• データ
  • マッピング
  • 開発
  • 制限事項

AIクライアントからPrismicのドキュメントJSONを取得する方法

PrismicをAIクライアントに一度接続するだけで、特定のドキュメントデータを開発環境へ直接取り込めるようになります。

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

すぐに答え

AI経由でPrismicのドキュメントJSONを取得するには?

AIにPrismicのドキュメントIDを伝えてください。AIはそのIDを使用して完全なJSONペイロードを取得し、プロジェクトに必要なスライスやコンポーネントのデータを正確に抽出します。そのままマッピングに使える生の構造データが得られます。

実行結果

データの出力先

データの取得という重い作業はAIに任せて、あなたはコードを書くことに集中できます。

データ

生のJSONペイロード

AIが特定のドキュメントの完全なJSONオブジェクトを取得します。Prismic内にあるすべてのフィールド、スライス、メタデータプロパティをそのまま取得可能です。

マッピング

コンポーネント構造の把握

AIがJSONを解析し、スライスやコンポーネントのネスト構造を特定します。これにより、実際のデータに基づいたフロントエンドコンポーネントの構築が容易になります。

開発

開発環境への直接アクセス

手動でエクスポートする必要はありません。AIがチャットやIDEにデータを持ち込みます。質問からコードスニペットの生成まで、数秒で完了します。

制限事項

手動でのスキーマ更新

AIはPrismicのコンテンツモデルを変更することはできません。リポジトリの設定やフィールド定義の管理は、引き続きご自身で行う必要があります。

ワークフロー

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

AIはチャットインターフェースとPrismic APIの橋渡し役として機能します。

  1. 対象の特定

    AIがリクエストを解析し、調査対象となる特定のPrismicドキュメントIDを見つけ出します。

    get_document_by_id
  2. ペイロードの取得

    AIがPrismic APIを呼び出し、対象ドキュメントの整形されていない完全なJSONを取得します。

    get_document_by_id
  3. 構造の解析

    AIがスライスやフィールドを読み取り、ドキュメントの階層構造を理解します。

    get_document_by_id
  4. データの提供

    AIがJSON、またはコンポーネントデータの構造化された要約をチャット上に表示します。

    get_document_by_id

試してみる

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

これらのプロンプトを使うと、すぐにデータの取得を開始できます。

出発点

ドキュメントIDやリポジトリ名は、実際のPrismicの情報に書き換えてください。

Prismic Connector

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

コネクタリンクhttps://edge.vinkius.com/vk_preview_jK6sO72lQezxjBKP0hCujVjdqiy2aRnElcL2Nsu8/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 — Prismic capabilities are ready to use.
設定 · claude_desktop_config.jsonコピー
{
  "mcpServers": {
    "prismic-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_jK6sO72lQezxjBKP0hCujVjdqiy2aRnElcL2Nsu8/mcp"
    }
  }
}
チャットにコピー04
  • PrismicドキュメントID 12345のJSONを取得して。

  • Prismicリポジトリ内の 'homepage' ドキュメントの生データを取得して。

  • ドキュメントID abc-789のスライス構造を教えて。

  • コンポーネントのマッピング用に、このPrismicドキュメントのJSONペイロードを抽出して。

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

ここから始める

一度接続すれば、あとは聞くだけ。

リンクをクリックしてPrismicアカウントを接続してください。認証情報は暗号化されて保持されるため、接続後はすぐにデータの取得依頼が可能です。

PrismicをAIに接続する

FAQ

動作に関する詳細

  • 01

    AIはPrismicのドキュメントを編集できますか?

    いいえ。このコネクターにはドキュメントデータの読み取り権限しかありません。Prismicリポジトリ内のデータの作成、更新、削除を行うことはできません。

  • 02

    毎回ドキュメントIDを指定する必要がありますか?

    はい。特定のドキュメントを取得するには、AIが正しいJSONペイロードをターゲットにするための固有のIDが必要です。

  • 03

    AIはすべてのドキュメントを一度に閲覧できますか?

    いいえ。AIは指定された特定のIDを使用して、ドキュメントごとにデータを取得します。

  • 04

    既存のPrismicスライスでも動作しますか?

    はい。AIはスライスの正確なJSON構造を取得するため、それらがどのように構成されているかを確認できます。

  • 05

    AIはPrismicのコンテンツモデルを変更できますか?

    いいえ。AIはドキュメントデータを取得するための読み取り専用ツールです。

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

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