Stats
Actions
Tags
From cloudflare
Use this skill when the user asks about Cloudflare Images, image optimization, image resizing, image storage and delivery, or managing Images with Pulumi.
How this skill is triggered — by the user, by Claude, or both
Slash command
/cloudflare:imagesThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Cloudflare Images provides image storage, optimization, and delivery at the edge. It includes on-the-fly resizing, format conversion (WebP/AVIF), and variant-based transformations.
Cloudflare Images provides image storage, optimization, and delivery at the edge. It includes on-the-fly resizing, format conversion (WebP/AVIF), and variant-based transformations.
Transform images from any origin with URL parameters:
https://example.com/cdn-cgi/image/width=300,height=200,fit=crop/path/to/image.jpg
Parameters: width, height, fit, quality, format, blur, rotate, sharpen
curl -X POST "https://api.cloudflare.com/client/v4/accounts/{account_id}/images/v1" \
-H "Authorization: Bearer $CF_API_TOKEN" \
-F "[email protected]" \
-F 'metadata={"key":"value"}'
Cloudflare Images is managed via API and dashboard. Pulumi does not have a dedicated Images resource, but you can enable image resizing on a zone:
// Image resizing is a zone-level setting
// Managed via Cloudflare dashboard or API
// No dedicated Pulumi resource currently exists
| Feature | Cost |
|---|---|
| Storage | $5.00/100K images/month |
| Delivery | $1.00/100K images served |
| Transformations | Included with delivery |
npx claudepluginhub nsheaps/ai-mktpl --plugin cloudflareGuides Cloudflare Images usage: upload/store/serve images globally, transformations (resize/optimize WebP/AVIF), direct creator uploads, variants, signed URLs, Workers, Next.js/Remix integration.
Guides using Netlify Image CDN for on-the-fly image optimization and transformation via the /.netlify/images endpoint, including query parameters, remote image allowlisting, clean URL rewrites, and caching.
Designs responsive image pipelines with srcset, AVIF/WebP formats, lazy loading, and sizes queries. Generates code for Next.js, Nuxt, Blazor, vanilla HTML/CSS.