cloudflare-images

Upload, transform, and secure images via Cloudflare Images with signed URLs.

961|99|Updated Oct 20, 2025
One-click install
npx skills add https://github.com/jezweb/claude-skills --skill cloudflare-images
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: cloudflare-images
Source: https://github.com/jezweb/claude-skills/tree/main/skills/cloudflare-images
Command: npx skills add https://github.com/jezweb/claude-skills --skill cloudflare-images

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill eliminates the complexity of setting up and debugging Cloudflare Images, preventing 13+ common errors that waste development time.

Core Features & Use Cases

  • Direct Creator Upload: Secure user uploads without API key exposure.
  • Image Transformations: Resize, crop, and optimize images via URL or Workers.
  • Error Prevention: Automatically avoids CORS issues, multipart errors, and transformation failures.
  • Use Case: When implementing user profile photos, use this Skill to generate one-time upload URLs and apply AI face cropping automatically.

Quick Start

Upload an image to Cloudflare Images by generating a direct upload URL from your backend, then having users upload directly to Cloudflare with proper CORS handling.

Quick Start Example

Use the cloudflare-images skill to implement a secure direct upload workflow for user profile pictures, automatically handling CORS configuration and face detection cropping.

Frequently Asked Questions about cloudflare-images

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

FAQPage Schema
How do I upload images directly to Cloudflare Images without exposing my API key?

Generate a one-time upload URL from your backend, then have users upload directly to Cloudflare Images. This Direct Creator Upload method keeps API keys secure while allowing users to submit images without intermediate storage, preventing credential exposure and simplifying your backend.

What CORS issues occur with Cloudflare Images uploads and how do I fix them?

CORS errors block cross-origin uploads when your frontend and Cloudflare's upload endpoint have mismatched origins. Enable proper CORS configuration in your Cloudflare Images account to allow multipart/form-data requests from your domain, eliminating browser blocks on direct uploads.

Can I resize and optimize images through Cloudflare Images transformations?

Yes. Cloudflare Images supports URL-based and Workers-based transformations including resize, crop, and format optimization to WebP or AVIF. Apply transformations directly in image URLs or via Workers middleware to reduce payload size and improve load times without storing multiple variants.

How do I secure private images with signed URLs in Cloudflare Images?

Generate signed URLs on your backend that expire after a set time, allowing temporary access to private images without exposing permanent URLs. This prevents unauthorized sharing and lets you control access duration per image, ideal for user-generated content like profile photos.

What do error codes 9401–9413 mean in Cloudflare Images and how do I resolve them?

These codes identify specific upload and transformation failures—incorrect multipart field names, missing HTTPS, invalid variant names, and transformation errors. Debugging these errors prevents wasted API calls; check field naming, endpoint protocols, and variant configurations to resolve quickly.

Do I need to store images on my own server if I use Cloudflare Images?

No. Cloudflare Images handles reliable storage and delivery, eliminating the need for your own image infrastructure. You manage uploads, transformations, and access control while Cloudflare handles hosting, CDN distribution, and optimization, reducing operational overhead.