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

•

콘텐츠 관리

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.

주요 기능

Implementation of secure Direct Creator Upload workflows to protect API keys
21 GitHub stars
Dynamic image transformation configuration for resizing, cropping, and watermarking
Production templates for framework-specific integrations including Next.js and Remix
Automated WebP and AVIF optimization for superior web performance
Integrated troubleshooting agent for Cloudflare API and CORS errors

사용 사례

Setting up private media delivery using HMAC-SHA256 signed URLs
Creating a high-performance responsive gallery with automated image variants
Building a secure user profile picture system with authenticated uploads

소개

주요 기능

Implementation of secure Direct Creator Upload workflows to protect API keys
21 GitHub stars
Dynamic image transformation configuration for resizing, cropping, and watermarking
Production templates for framework-specific integrations including Next.js and Remix
Automated WebP and AVIF optimization for superior web performance
Integrated troubleshooting agent for Cloudflare API and CORS errors

사용 사례

Setting up private media delivery using HMAC-SHA256 signed URLs
Creating a high-performance responsive gallery with automated image variants
Building a secure user profile picture system with authenticated uploads