Can I use this skill to serve private files securely?

Yes, it details how to use the API Proxy method combined with Bknd access control to ensure only authorized users can download specific files.

How does this skill help with image optimization?

It includes specific code patterns for Cloudinary transformations, enabling automatic format selection (like WebP/AVIF), resizing, and quality adjustments.

What is the difference between API Proxy and Direct URL methods?

API Proxy offers full control over permissions but moderate performance, while Direct URLs (via S3/R2/CDN) provide maximum performance for public assets.

Which storage providers are supported by the bknd-serve-files skill?

The skill provides implementation patterns for AWS S3, Cloudflare R2, Cloudinary, and local storage adapters.

Does this skill provide frontend components?

Yes, it includes React code snippets for responsive images with fallbacks, loading states, and custom file download buttons.

Bknd File Serving

Name: Bknd File Serving
Author: cameronapak

bycameronapak

•

内容管理

Manages the delivery of uploaded files via API proxies, direct storage URLs, and content delivery networks.

This skill provides comprehensive patterns for serving media and documents from Bknd storage, allowing developers to choose between secure API-proxied serving for private files or high-performance direct storage URLs for public assets. It covers essential delivery workflows including AWS S3 and Cloudflare R2 integration, Cloudinary image optimization, global CDN configuration, and specialized React components for frontend display and file downloads.

主要功能

01React integration components for responsive images and file download handlers

02CDN configuration guides for Cloudflare, CloudFront, and Cloudinary

031 GitHub stars

04Direct storage URL patterns for AWS S3, Cloudflare R2, and Cloudinary

05API-proxied file serving with full authentication and permission control

06Dynamic image optimization including transformations and responsive patterns

使用场景

01Setting up high-performance image delivery using Cloudflare R2 and custom domains

02Automating image resizing and format conversion for web performance optimization

03Implementing secure access to private PDFs or documents via authenticated API routes

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add cameronapak/bknd-skills bknd-serve-files

For use in Claude.ai and ChatGPT

Download Skill