Managing Media & Files

Purpose

This skill provides systematic patterns for implementing media and file management components across all formats (images, videos, audio, documents). It covers upload workflows, display patterns, player controls, optimization strategies, and accessibility requirements to ensure performant, accessible, and user-friendly media experiences.

When to Use

Activate this skill when:

• Implementing file upload (single, multiple, drag-and-drop)
• Building image galleries, carousels, or lightboxes
• Creating video or audio players
• Displaying PDF or document viewers
• Optimizing media for performance (responsive images, lazy loading)
• Handling large file uploads (chunked, resumable)
• Integrating cloud storage (S3, Cloudinary)
• Implementing media accessibility (alt text, captions, transcripts)
• Designing empty states for missing media