file-upload-system

Automate S3/R2 file uploads with presigned URLs and image optimization.

60|38|Updated Feb 9, 2026
One-click install
npx skills add https://github.com/abcnuts/manus-skills --skill file-upload-system-abcnuts
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: file-upload-system
Source: https://github.com/abcnuts/manus-skills/tree/main/skills/tier4-specialized/file-upload-system
Command: npx skills add https://github.com/abcnuts/manus-skills --skill file-upload-system-abcnuts

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @aws-sdk/client-s3, @aws-sdk/s3-request-presigner, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Automate secure, scalable file uploads to S3/R2 with built-in image optimization and access controls, eliminating repetitive setup for web apps.

Core Features & Use Cases

  • Automatic S3/R2 SDK setup and upload component generation.
  • Presigned URL generation for secure uploads.
  • Image optimization before storage and cross-provider compatibility.

Quick Start

Run the setup script to initialize the file-upload-system with storage integration.

Frequently Asked Questions about file-upload-system

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate presigned URLs for secure S3 uploads?

To generate presigned URLs for secure S3 uploads, you use the AWS SDK to create a signed request granting temporary write access. This system automates that process, ensuring your upload components meet security standards across S3, R2, and DigitalOcean Spaces.

What is the best way to optimize images before uploading to R2?

The best way to optimize images before uploading to Cloudflare R2 is to process them client-side or server-side before storage. This system integrates image optimization directly into the upload pipeline, reducing file size prior to cloud storage.

Can I use the same upload component for AWS S3 and DigitalOcean Spaces?

Yes, you can use the same upload component for AWS S3 and DigitalOcean Spaces. This system provides cross-provider compatibility through standardized S3 SDK configurations, allowing seamless file uploads across different cloud storage platforms.

How do I set up an S3 client for Cloudflare R2 file uploads?

To set up an S3 client for Cloudflare R2 file uploads, you configure the AWS SDK with R2's specific endpoint and credentials. This system automates the SDK setup and initialization, handling the storage integration automatically.

Why do I need presigned URLs for web app file uploads?

You need presigned URLs for web app file uploads to avoid exposing your cloud storage credentials to the client browser. This system generates these secure URLs to grant temporary, scoped upload permissions directly from the frontend.

Does this upload system handle image optimization automatically?

Yes, this upload system handles image optimization automatically. It processes and optimizes images before they reach your storage bucket, ensuring files are compressed and formatted correctly during the S3 or R2 upload workflow.