cms-assets について
Contentstack のアセットを扱う開発者向けの読み取り専用ガイドです。整理方法、画像変換、公開と CDN 配信に加え、制限事項や参照が切れる操作も説明します。
主な機能
- 01フォルダーと命名の指針
- 02Image Delivery API の変換説明
- 03公開と CDN の動作解説
- 04アップロード制限と参照リスク
- 05読み取り専用のアセット助言
活用シーン
- 01アセットのフォルダー構成を計画
- 02レスポンシブ画像配信を設定
- 03公開や CDN の動作を調査
- 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"]