s3-upload-handler

Automate AWS S3 file uploads with UI, client SDK, and server utilities.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/alisonbessa/bluemoon --skill s3-upload-handler
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: s3-upload-handler
Source: https://github.com/alisonbessa/bluemoon/tree/main/.claude/skills/s3-upload-handler
Command: npx skills add https://github.com/alisonbessa/bluemoon --skill s3-upload-handler

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill simplifies implementing end-to-end AWS S3 uploads by combining a ready-to-use UI uploader, client-side integration, and server-side utilities.

Core Features & Use Cases

  • UI Component: Ready-to-use S3Uploader for drag-and-drop or button uploads.
  • Client SDK: ClientS3Uploader class for building custom upload interfaces.
  • Server Utilities: uploadFromServer for backend processing before storage (e.g., resizing, validation).
  • Use Case: Persist user-generated content by uploading directly to S3 with presigned URLs and server-side processing.

Quick Start

Integrate the S3Uploader into your app and start uploading files to S3 using a presigned route.

Frequently Asked Questions about s3-upload-handler

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

FAQPage Schema
How do I implement drag-and-drop file uploads to AWS S3?

To implement drag-and-drop S3 uploads, use a ready-made UI uploader component that handles file selection and transfers files directly to AWS S3 using a presigned URL workflow for secure browser-based delivery.

What's the best way to handle server-side file processing before saving to S3?

For server-side file processing before S3 storage, use a dedicated backend utility function that intercepts the upload stream to apply transformations like image resizing or file validation before finalizing the AWS S3 storage operation.

How do presigned URLs work for direct client-side uploads to S3?

Presigned URLs enable direct client-side uploads to S3 by providing a temporary, secure endpoint generated server-side. The browser sends the file directly to AWS, bypassing your server to reduce bandwidth costs and upload latency.

Can I build a custom upload interface instead of using a pre-built UI component?

You can build a custom upload interface using a provided client-side SDK class, which exposes the underlying upload logic and allows you to design your own UI elements while still managing the AWS S3 transfer protocol securely.

Do I need server-side processing for user-generated content uploads to S3?

Server-side processing is not strictly required but is recommended for user-generated content when you need to validate file types or perform transformations like image resizing before persisting the files permanently to your AWS S3 bucket.