Is there support for modern web frameworks?

Yes, the skill includes specialized integration patterns and templates for Next.js, Remix, Astro, and SvelteKit.

What common errors does this skill help resolve?

It provides specific solutions for Cloudflare errors 5408 (timeout), 9401 (transformations not enabled), 9413 (variant limits), and common CORS issues.

How does it handle image security?

It provides guides and templates for generating signed URLs and configuring private image access to prevent unauthorized hotlinking.

Does this skill handle client-side uploads securely?

Yes, it implements the 'Direct Creator Upload' pattern which allows users to upload directly to Cloudflare without exposing your API keys in the frontend.

Can I transform images not stored on Cloudflare?

Yes, the skill includes documentation for Cloudflare Image Transformations which can optimize any image served through a Cloudflare-proxied domain.

Cloudflare Images & Optimization

Name: Cloudflare Images & Optimization
Author: secondsky

bysecondsky

•

Content Management

Streamlines image management, global delivery, and dynamic transformations using Cloudflare's high-performance media infrastructure.

This skill provides Claude Code with specialized knowledge to implement and manage Cloudflare Images, covering everything from initial API setup and direct creator uploads to complex dynamic transformations and signed URL security. It includes production-ready templates for modern frameworks like Next.js and Remix, specialized troubleshooting for Cloudflare-specific error codes (such as 5408 and 9401), and best practices for optimizing image performance with WebP/AVIF delivery and responsive srcset patterns.

Key Features

01Implementation of secure Direct Creator Upload workflows to protect API keys

0221 GitHub stars

03Dynamic image transformation configuration for resizing, cropping, and watermarking

04Production templates for framework-specific integrations including Next.js and Remix

05Automated WebP and AVIF optimization for superior web performance

06Integrated troubleshooting agent for Cloudflare API and CORS errors

Use Cases

01Setting up private media delivery using HMAC-SHA256 signed URLs

02Creating a high-performance responsive gallery with automated image variants

03Building a secure user profile picture system with authenticated uploads

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add secondsky/claude-skills cloudflare-images

For use in Claude.ai and ChatGPT

Download Skill