How does this skill handle security for client-side uploads?

The skill implements a secure server-action pattern using handleUpload() to generate temporary presigned tokens, ensuring your master BLOB_READ_WRITE_TOKEN is never exposed to the client browser.

Can I use this for files larger than 500MB?

Yes, the skill includes specific implementation patterns for multipart uploads, which are required for files exceeding the 500MB standard upload limit.

Does it support file organization and folders?

Yes, the skill follows best practices for pathname organization, such as using prefixes for avatars or uploads, and implementing UUIDs to avoid file overwriting.

What common errors does this skill prevent?

It helps prevent 10 common issues including missing environment variables, improper content-type headers, silent deletion failures, and filename collisions.

Vercel Blob Integration

Name: Vercel Blob Integration
Author: jezweb

byjezweb

•

117

•

Cloud Infrastructure

Integrates Vercel Blob object storage into Next.js applications for secure file uploads, image management, and CDN-delivered assets.

This skill provides Claude with the specialized knowledge to implement and manage Vercel Blob storage within Next.js environments. It covers the full lifecycle of object storage, from configuring environment variables and implementing server-side uploads to setting up secure client-side transfers using presigned URLs. It also includes advanced patterns for multipart uploads of large files (>500MB), efficient pagination for file listing, and automated cleanup routines to prevent storage bloat, all while adhering to security best practices that protect sensitive access tokens.

Key Features

01Comprehensive file management including listing, deletion, and pagination

02117 GitHub stars

03Automated environment variable setup and validation guidance

04Pre-built patterns for common tasks like avatar management and asset organization

05Multipart transfer implementation for large assets exceeding 500MB

06Secure client-side uploads using handleUpload() and presigned URLs

Use Cases

01Managing high-bandwidth CDN assets for globally distributed web apps

02Implementing user-generated content systems for profiles and social media

03Handling large-scale document and video storage with multipart reliability

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jezweb/claude-skills vercel-blob

For use in Claude.ai and ChatGPT

Download Skill