frontend-media-integration
Installation
SKILL.md
Frontend Media Integration
Purpose
Apply the project's Digital Asset Management (DAM) and media-delivery rules whenever a component renders media.
⚠️ Invoked conditionally from presentational-ui-generation — only when the component actually renders images, video, or documents (e.g. hero banner background, carousel slides). Skip entirely for media-free components.
Media Delivery Architecture
Sitecore Media Library → owns the asset (single source of truth)
Layout Service → provides the asset reference (URL, alt, dimensions)
CDN (Cloudflare) → delivers the optimised asset
Component → receives src/alt/dimensions as PROPS (never hardcoded)