skills.rest
doanchienthangdev
doanchienthangdevCOMMUNITY
Explore all skills by this author →
GitHub

Processing Images

Optimize, resize, convert, and batch process images with the Sharp library.

4|1|Updated Dec 30, 2025
Search Tags:#webp#image processing#image optimization#avif#sharp#thumbnail generation#resize images
One-click install
npx skills add https://github.com/doanchienthangdev/omgkit --skill processing-images
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Processing Images
Source: https://github.com/doanchienthangdev/omgkit/tree/main/plugin/skills/tools/image-processing
Command: npx skills add https://github.com/doanchienthangdev/omgkit --skill processing-images

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires sharp, p-queue, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines image manipulation tasks, making it easy to optimize images for web use, create different sizes, and convert formats efficiently.

Core Features & Use Cases

  • Image Optimization: Reduce file sizes for faster loading using WebP, AVIF, and JPEG formats.
  • Resizing & Cropping: Generate thumbnails, responsive image sets, and apply smart cropping.
  • Format Conversion: Easily convert between various image formats.
  • Use Case: Automatically process a batch of product photos, resizing them into thumbnail, medium, and large versions, and converting them to WebP for optimal web performance.

Quick Start

Use the image processing skill to resize the attached image 'logo.png' to a width of 500px and save it as 'logo-small.webp'.

Frequently Asked Questions about Processing Images

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

FAQPage Schema
How do I optimize and convert images to WebP or AVIF formats for web performance?▼

To optimize images for web performance, this Skill processes files using sharp to convert formats like JPEG to WebP or AVIF, reducing file sizes for faster loading while maintaining visual quality.

How do I batch resize images to generate responsive thumbnails?▼

Batch resizing images to generate responsive thumbnails involves processing multiple files with sharp to create different sizes, which this Skill handles efficiently for web development and e-commerce product preparation.

Does sharp work well for automated image transformations in a Node.js environment?▼

Yes, sharp works well for automated image transformations in Node.js, providing efficient image optimization, resizing, and format conversion operations suitable for content delivery networks.

What's the best way to process a batch of product photos into multiple sizes and formats?▼

The best way to process a batch of product photos is using this Skill to automate resizing into thumbnail, medium, and large versions, while simultaneously converting them to WebP for optimal delivery.

Can I use this image processing Skill to apply smart cropping when resizing images?▼

Yes, you can use this image processing Skill to apply smart cropping when resizing images, as it leverages sharp to streamline resizing and cropping operations for responsive image sets.

Why convert images to WebP or AVIF instead of standard JPEG formats?▼

Converting images to WebP or AVIF instead of standard JPEG formats significantly reduces file sizes for faster loading, satisfying requirements for efficient image delivery and responsive web design.

Related Skills

Explore More Design & Creative Skills→
rmjamesrmjames
1

image-processor

Resize and crop raster and SVG images with ImageMagick and SVGO.

Community
Advanced
WesleySmitsWesleySmits
6

optimizing-images

Convert images to WebP and AVIF formats with responsive srcset generation.

Community
Advanced
grvpanchalgrvpanchal
1

server-ssg

Manage static site generation with pre-rendering and fallback strategies.

Community
Advanced
evolv3aievolv3ai
3

sharp

Resize, convert, and optimize images with the Sharp library in Node.js.

Community
Intermediate