skills.rest
jovivaspo
jovivaspoCOMMUNITY
Explore all skills by this author →
GitHub

cloudinary

Manage Cloudinary image uploads, transformations, and deletions in Next.js.

Updated Aug 23, 2026
Search Tags:#next.js#media management#image optimization#transformations#image upload#cloudinary
One-click install
npx skills add https://github.com/jovivaspo/base-agent-next-app --skill cloudinary-jovivaspo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: cloudinary
Source: https://github.com/jovivaspo/base-agent-next-app/tree/main/skills/cloudinary
Command: npx skills add https://github.com/jovivaspo/base-agent-next-app --skill cloudinary-jovivaspo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires cloudinary, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill simplifies the process of uploading, managing, and optimizing images using Cloudinary, streamlining media handling in your Next.js applications.

Core Features & Use Cases

  • Secure Uploads: Implement both server-side and client-side signed uploads for enhanced security.
  • Image Optimization: Utilize Cloudinary's powerful transformation capabilities for responsive images, format conversion, and quality adjustments.
  • Use Case: Upload user-generated product images, apply automatic optimizations for web delivery, and display them responsively using next/image.

Quick Start

Use the cloudinary skill to upload an image file from your local machine.

Frequently Asked Questions about cloudinary

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

FAQPage Schema
How do I implement secure image uploads in a Next.js application?▼

Secure image uploads in a Next.js application are implemented using signed uploads, requiring Cloudinary API credentials and the cloudinary npm package for server-side operations to manage client-side and server-side requests.

What is the best way to manage image transformations and deletions in Next.js?▼

The best way to manage image transformations and deletions in Next.js is using Cloudinary service integration, which supports bulk resource deletion and responsive image generation with next/image.

Does Cloudinary work with next/image for responsive image generation?▼

Yes, Cloudinary works with next/image for responsive image generation, utilizing its transformation capabilities for automatic format conversion and quality adjustments to optimize web delivery.

What do I need to set up Cloudinary image management in my Next.js project?▼

To set up Cloudinary image management in a Next.js project, you need valid Cloudinary API credentials and the cloudinary npm package installed to handle server-side operations.

How do I delete bulk image resources from Cloudinary?▼

Bulk resource deletion from Cloudinary is handled by executing deletion operations through the cloudinary npm package within your Next.js application environment.

Related Skills

Explore More Software Engineering Skills→
AgentientAgentient
2

firebase-admin-sdk-server-integration

Initialize Firebase Admin SDK server-side in Next.js 14+ apps.

Official
Advanced
mgd34msumgd34msu
4

cloudinary

Manage image and video uploads, transformations, and CDN delivery via Cloudinary.

Community
Intermediate
ai-enhanced-engineerai-enhanced-engineer
3

laravel-s3-storage

Upload files to AWS S3 via Laravel Flysystem with public or private access.

Official
Intermediate
ashishgurpritashishgurprit

File Upload Universal

Validate, scan, and upload files to AWS S3 and Cloudinary.

Community
Advanced