skills.rest
sncollective
sncollectiveOFFICIAL
Explore all skills by this author →
GitHub

imgproxy-v3

Generates HMAC-signed imgproxy URLs for resizing and converting S3 images to WebP/AVIF.

Updated Mar 4, 2026
Search Tags:#webp#s3#image optimization#avif#imgproxy#image proxy#url signing
One-click install
npx skills add https://github.com/sncollective/snc-platform --skill imgproxy-v3
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: imgproxy-v3
Source: https://github.com/sncollective/snc-platform/tree/main/.claude/skills/imgproxy-v3
Command: npx skills add https://github.com/sncollective/snc-platform --skill imgproxy-v3

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill tackles the challenges of serving optimized, secure, and responsive images in web applications, preventing bandwidth waste and ensuring compatibility across devices without manual processing.

Core Features & Use Cases

  • URL Signing and Security: Generates tamper-proof URLs using HMAC-SHA256 to protect against abuse.
  • S3 Integration and Processing: Fetches from S3-compatible storage like Garage, applies resizing, format conversion (WebP/AVIF), and effects like blur or sharpen.
  • Format Negotiation: Automatically selects optimal formats based on client Accept headers for better performance.
  • Use Case: In a content platform like s-nc.org, use this to generate responsive image srcSets for user-uploaded photos, ensuring fast loading on mobile with automatic WebP delivery and signed URLs to control access.

Quick Start

Generate a signed imgproxy URL to resize an S3 image to 800px wide in WebP format using smart gravity.

Frequently Asked Questions about imgproxy-v3

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

FAQPage Schema
How do I set up an image proxy to dynamically resize and optimize images from S3?▼

Automatic WebP and AVIF format negotiation serves optimized images by checking client Accept headers. The image proxy detects browser support and delivers the best format without manual configuration.

How do I generate signed URLs for secure image proxying?▼

Garage S3 compatibility is supported for fetching and processing images. The image proxy integrates with S3-compatible storage to fetch source images and apply dynamic resizing or format conversion.

Does this image proxy support automatic WebP and AVIF negotiation?▼

Automatic WebP and AVIF format negotiation serves optimized images by checking client Accept headers. The image proxy detects browser support and delivers the best format without manual configuration.

How do I generate signed URLs for secure image proxying?▼

Secure image proxying uses HMAC-SHA256 URL signing to generate tamper-proof links. This prevents unauthorized access and abuse by ensuring only requests with valid signatures are processed by the proxy.

Can I use S3-compatible storage like Garage with an image processing proxy?▼

Garage S3 compatibility is supported for fetching and processing images. The image proxy integrates with S3-compatible storage to fetch source images and apply dynamic resizing or format conversion.

Related Skills

Explore More Software Engineering Skills→
blink-newblink-new
1

railway-storage

Configure Railway S3-compatible storage buckets for file uploads and retrieval.

Official
Intermediate
kreuzberg-devkreuzberg-dev
836

image-conversion

Convert HTML image tags to Markdown with src, alt, and title attributes.

Official
Intermediate
patricio0312revpatricio0312rev
5

caching-cdn-strategy-planner

Plan multi-layer caching strategies for web APIs and dynamic content.

Community
Advanced
ic-facetic-facet

angular-performance

Implements NgOptimizedImage, @defer blocks, and SSR with client hydration in Angular applications.

Official
Intermediate