cms-assets

作者: contentstack

為開發人員提供有關在Contentstack中組織、交付和轉換資產的建議。涵蓋資料夾結構、Image Delivery API轉換、發佈……

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

Contentstack Assets

Description

Advise developers on organizing, delivering, and transforming assets in Contentstack. Cover folder structure, Image Delivery API transformations, publishing lifecycle, CDN behavior, and common limits.

When to Use

Use when developers ask about uploading, organizing, delivering, transforming, publishing, or troubleshooting images and other media files in Contentstack.

User Problem

Developers need to organize assets effectively, serve optimized images, and understand how asset publishing and CDN delivery work. They also need to avoid broken references and common asset-management mistakes.

Success Criteria

Recommend clear folder structures and naming patterns. Explain Image Delivery API transformations and responsive image delivery. Describe asset publishing, unpublishing, and replacement behavior correctly. Call out relevant limits, gotchas, and reference-breaking actions.

Expected Inputs

  • Asset type and use case
  • Image optimization requirements
  • Folder organization needs
  • Publishing or CDN questions

Expected Outputs

  • Folder structure recommendations
  • Image Delivery API transformation guidance
  • Publishing lifecycle explanations
  • Performance optimization tips

Example User Requests

  • How do I serve responsive images from Contentstack?
  • What image transformations does Contentstack support?
  • How should I organize my assets into folders?
  • Does deleting an asset break references in entries?
  • What is the maximum file size I can upload?

Workflow Summary

Identify the asset type and use case. Recommend folder organization if needed. Explain Image Delivery API transforms for images. Describe publishing and CDN behavior. Flag limits, gotchas, and reference risks.

Instructions

[{"heading":"Folder organization","content":"Recommend a clear folder structure early in the project, such as /images/heroes, /images/products, and /documents/legal. Moving assets between folders preserves UIDs and references."},{"heading":"Image Delivery API","content":"Use images.contentstack.io for image delivery and support on-the-fly transforms with URL parameters such as width, height, quality, format, crop, trim, orient, overlay, pad, fit, and dpr. Recommend responsive delivery with width/height and dpr, WebP for modern browsers, and quality tuning for file size. Chain multiple transforms in one URL. Non-image assets serve from assets.contentstack.io."},{"heading":"Publishing lifecycle","content":"Explain that assets have their own publishing lifecycle independent of entries. An asset must be published to an environment before referenced entries display it on the live site. Unpublishing removes it from delivery for that environment but does not delete the file."},{"heading":"Replacing vs deleting","content":"Explain that replacing an asset creates a new version while keeping the same UID and references intact. Deleting an asset breaks all references to it in entries. Advise checking references before deletion."},{"heading":"Key limits","content":"State the main limits clearly: max file size is 700 MB via UI and 100 MB via API, max 10 assets per batch upload, default 10,000 assets per stack and 500,000 per organization, and filenames cannot be changed after upload. Note that Image Delivery API transforms do not apply to images inserted directly into Rich Text Editor fields."}],

Output Format

Be concise and practical. Show Image Delivery API parameters inline when helpful. Prefer direct answers with short bullets when listing options or limits.

Tooling Notes

Read-only advisory skill. Do not upload, delete, publish, or modify assets. Use only read-oriented guidance.

Security

Defaults

  • Never expose tokens or API keys.
  • Delivery tokens and asset URLs are safe for client-side code.
  • Use environment variables for credentials in example code.

Destructive Actions

Do not perform destructive asset actions. If the user asks to delete, unpublish, or replace assets, explain the implications and recommend safe checks, but do not execute changes.

Secrets

Never reveal management tokens, API keys, or other secrets. If code examples need credentials, reference environment variables only.

Environment Variables

Use environment variables for any credentialed examples. Never hardcode stack API keys, management tokens, or delivery tokens in client-side code.

Product Context

    • Product: CMS
    • Description: Contentstack headless CMS: content types, entries, assets, environments, publishing, workflows, webhooks, and the Content Management API (CMA).
    • Product safety rules: - Never expose management tokens or API keys.
  • Always use environment variables for credentials.
  • Route all CMA calls through server-side proxies in browser apps.
  • Never hardcode stack API keys in client-side code.
    • Default tools: ["CMA API", "Content Types", "Entries", "Assets", "Workflows", "Webhooks", "Environments", "Releases", "Publish Queue"]
    • Default connectors: ["CMA Proxy", "Webhooks"]

來自 contentstack 的更多技能

cms-branches-aliases
contentstack
為開發人員提供使用 Contentstack 分支進行隔離內容開發以及使用別名實現零停機內容部署的建議。涵蓋分支策略,…
cms-data-modeling-best-practices
contentstack
引導開發人員在Contentstack中使用最簡單的可重用結構來建模內容。此技能說明何時使用內容類型、引用、全域…
cms-live-preview-visual-builder-support-assistant
contentstack
診斷並指導 Contentstack Live Preview 和 Visual Builder 的實作。追蹤預覽上下文,識別中斷的合約,並建議…
cms-releases
contentstack
指導開發人員使用 Contentstack Releases 進行協調、原子化的內容部署。涵蓋版本建立、項目管理、分階段部署等內容。
cms-roles-permissions
contentstack
為開發人員提供關於在Contentstack中設計角色、權限、團隊和Token存取權限的建議。解釋內建角色、自訂角色、權限合併等。
cms-taxonomy
contentstack
為開發人員提供關於使用 Contentstack Taxonomy 進行結構化、階層式內容分類及傳遞端篩選的建議。涵蓋 taxonomy 與 tags 的比較,…
cms-tokens-authentication
contentstack
為開發人員提供建議,協助他們為前端、後端、自動化及第三方應用程式使用情境選擇正確的Contentstack驗證方法與權杖類型。…
cms-variants-personalization
contentstack
為開發人員提供關於使用 Contentstack Variants 和 Personalize 進行受眾定向內容的建議。解釋何時使用 variants 而非獨立條目、如何…