file-upload-media-expert

# File Upload & Media Expert (2026 Edition) [English](#english) | [Bahasa Indonesia](#bahasa-indonesia) --- <a name="english"></a> ## English ### Orchestration & Integration Connects and orchestrates with relevant domain skills like `brainstorming`, `zero-to-prod-orchestrator`, and `session-memory-manager` to ensure cohesive execution. ### Description Production-grade guide for building secure, performant file upload systems and media processing pipelines. Covers **presigned URL upload patterns** (S3, R2, Supabase Storage), **multipart uploads** with progress tracking, **image optimization** (Sharp, Cloudflare Images, Vercel OG), **video transcoding** (Mux, Cloudflare Stream), **PDF generation**, **file validation & virus scanning**, **CDN configuration**, and **drag-and-drop UI components**. ### Trigger Conditions Activate this skill when: - Implementing file upload functionality (images, documents, videos). - Setting up cloud storage (AWS S3, Cloudflare R2, Supabase Storage, UploadThing). - Building image processing pipelines (resize, crop, watermark, format conversion). - Implementing drag-and-drop file upload UI components. - Configuring CDN for static assets and media delivery. - Generating PDFs or processing documents server-side. - Building avatar/profile picture upload functionality. --- ### Storage Provider Selection Guide | Provider | Best For | Key Strength | Egress Cost | |---|---|---|---| | **Cloudflare R2** | Cost-sensitiv...