mcpField
C
cms-assets

cms-assets

github.com/contentstack開発598 回インストール2 週間前に更新
リポジトリ

cms-assets について

Contentstack のアセットを扱う開発者向けの読み取り専用ガイドです。整理方法、画像変換、公開と CDN 配信に加え、制限事項や参照が切れる操作も説明します。

主な機能

  1. 01フォルダーと命名の指針
  2. 02Image Delivery API の変換説明
  3. 03公開と CDN の動作解説
  4. 04アップロード制限と参照リスク
  5. 05読み取り専用のアセット助言

活用シーン

  1. 01アセットのフォルダー構成を計画
  2. 02レスポンシブ画像配信を設定
  3. 03公開や CDN の動作を調査
  4. 04削除が参照に及ぼす影響を確認

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/contentstack/contentstack-agent-skills --skill cms-assets

インストール後、Claude Code で/cms-assetsを入力して読み込まれたか確認します。

詳細

Contentstack のアセット

説明

Contentstack でのアセットの整理、配信、変換について、開発者に助言します。フォルダー構成、Image Delivery API の変換、公開ライフサイクル、CDN の動作、一般的な制限を扱います。

使用するタイミング

スタックのアセットライブラリーで、画像やその他のメディアファイルのアップロード、整理、配信、変換、公開、トラブルシューティングについて開発者から質問されたときに使用します。

スタンドアロンの Assets DAM 製品(スペース、ワークスペース、重複セット、保存済みビュー、ビジュアルマークアップ)については、代わりに asset-management スキルを使用してください。

このスキルでは、ユーザー定義フィールド(カスタムメタデータ)の読み取りや更新は扱いません。スタックのアセットライブラリーはこれらをサポートしていません。そのようなリクエストは Assets(DAM)API を案内する asset-management スキルに振り分けてください。

ユーザーの課題

開発者は、アセットを効果的に整理し、最適化された画像を配信し、アセットの公開や CDN 配信の仕組みを理解する必要があります。また、参照切れや一般的なアセット管理のミスも避ける必要があります。

成功基準

明確なフォルダー構成と命名パターンを推奨します。 Image Delivery API による変換とレスポンシブ画像の配信について説明します。 アセットの公開、非公開、置換の動作を正確に説明します。 関連する制限、注意点、参照が切れる操作を指摘します。

想定される入力

  • アセットの種類とユースケース
  • 画像の最適化要件
  • フォルダー整理のニーズ
  • 公開や CDN に関する質問

想定される出力

  • フォルダー構成の推奨
  • Image Delivery API による変換のガイダンス
  • 公開ライフサイクルの説明
  • パフォーマンス最適化のヒント

ユーザーからのリクエスト例

  • Contentstack でレスポンシブ画像を配信するにはどうすればよいですか?
  • Contentstack はどのような画像変換をサポートしていますか?
  • アセットをフォルダーにどのように整理すればよいですか?
  • アセットを削除すると、エントリー内の参照は切れますか?
  • アップロードできるファイルの最大サイズはいくつですか?

ワークフローの概要

アセットの種類とユースケースを特定します。 必要に応じてフォルダーの整理方法を推奨します。 画像向けの Image Delivery API 変換について説明します。 公開と CDN の動作について説明します。 制限、注意点、参照に関するリスクを指摘します。

手順

[{"heading":"フォルダーの整理","content":"プロジェクトの早い段階で、/images/heroes、/images/products、/documents/legal など、明確なフォルダー構成を推奨します。アセットをフォルダー間で移動しても UID と参照は維持されます。"},{"heading":"Image Delivery API","content":"画像の配信には images.contentstack.io を使用し、width、height、quality、format、crop、trim、orient、overlay、pad、fit、dpr などの URL パラメーターを使ったオンザフライ変換をサポートします。width/height と dpr を使ったレスポンシブ配信、最新のブラウザー向けの WebP、ファイルサイズに応じた quality の調整を推奨します。1 つの URL に複数の変換を連結できます。画像以外のアセットは assets.contentstack.io から配信されます。"},{"heading":"公開ライフサイクル","content":"アセットには、エントリーとは独立した独自の公開ライフサイクルがあることを説明します。参照先のエントリーをライブサイトに表示するには、アセットを環境に公開する必要があります。非公開にすると、その環境での配信からは削除されますが、ファイル自体は削除されません。"},{"heading":"置換と削除の違い","content":"アセットを置換すると、新しいバージョンが作成されますが、同じ UID と参照が維持されることを説明します。アセットを削除すると、エントリー内のそのアセットへの参照はすべて切れます。削除前に参照を確認するよう勧めてください。"},{"heading":"主な制限","content":"主な制限を明確に伝えます。最大ファイルサイズは UI 経由で 700 MB、API 経由で 100 MB、1 回の一括アップロードで最大 10 個のアセット、デフォルトの上限はスタックあたり 10,000 個、組織あたり 500,000 個です。また、アップロード後にファイル名を変更することはできません。Rich Text Editor フィールドに直接挿入した画像には、Image Delivery API の変換が適用されないことに注意してください。"}],

出力形式

簡潔で実用的な回答にします。必要に応じて Image Delivery API のパラメーターをインラインで示します。選択肢や制限を列挙する際は、短い箇条書きによる直接的な回答を優先します。

ツールに関する注意事項

読み取り専用のアドバイザリースキルです。アセットのアップロード、削除、公開、変更は行わないでください。読み取り専用のガイダンスのみを使用してください。

セキュリティ

デフォルト設定
  • トークンや API キーを決して公開しないでください。
  • 配信トークンとアセット URL は、クライアントサイドコードで安全に使用できます。
  • サンプルコードでは、認証情報に環境変数を使用してください。
破壊的な操作

アセットに対する破壊的な操作は行わないでください。ユーザーからアセットの削除、公開停止、置き換えを求められた場合は、その影響を説明し、安全な確認方法を推奨してください。ただし、変更は実行しないでください。

シークレット

管理トークン、API キー、その他のシークレットを決して開示しないでください。コード例で認証情報が必要な場合は、環境変数のみを参照してください。

環境変数

認証情報を使用するサンプルでは、環境変数を使用してください。スタック API キー、管理トークン、配信トークンをクライアントサイドコードにハードコードしないでください。

製品コンテキスト

    • 製品:CMS
    • 説明:コンテンツタイプ、エントリー、アセット、環境、公開、ワークフロー、ウェブフック、Content Management API(CMA)を備えた Contentstack のヘッドレス CMS です。
    • 製品の安全ルール: - 管理トークンや API キーを決して公開しないでください。
  • 認証情報には必ず環境変数を使用してください。
  • ブラウザーアプリでは、CMA の呼び出しをすべてサーバーサイドプロキシ経由にしてください。
  • スタック API キーをクライアントサイドコードにハードコードしないでください。
    • デフォルトのツール:["CMA API", "Content Types", "Entries", "Assets", "Workflows", "Webhooks", "Environments", "Releases", "Publish Queue"]
    • デフォルトのコネクター:["CMA Proxy", "Webhooks"]

コメント