Image Handling Skill

Convert image formats and optimize sizes using sharp-cli and ImageMagick.

Updated Feb 24, 2026
One-click install
npx skills add https://github.com/fabioc-aloha/Extensions --skill image-handling-skill
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Image Handling Skill
Source: https://github.com/fabioc-aloha/Extensions/tree/main/.github/skills/image-handling
Command: npx skills add https://github.com/fabioc-aloha/Extensions --skill image-handling-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires sharp-cli, svgo, pngquant, jpegoptim, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of managing image files, ensuring they are in the correct format, size, and quality for various applications, including AI-powered image generation.

Core Features & Use Cases

  • Format Conversion: Convert between SVG, PNG, JPEG, WebP, and ICO formats.
  • Image Optimization: Reduce file sizes for web and documentation use.
  • AI Image Generation: Leverage AI models like Replicate to create new images.
  • Use Case: Automatically convert a set of SVG logos into PNGs of various sizes for a website and then generate a new banner image using AI.

Quick Start

Convert the attached 'logo.svg' file to a PNG with a density of 150.

Frequently Asked Questions about Image Handling Skill

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

FAQPage Schema
How do I convert an SVG file to a PNG with a specific density?

To convert an SVG file to a PNG, you can use this Skill to specify a density parameter, such as 150, during the format conversion process. It relies on sharp-cli to handle the SVG to PNG transformation and apply the requested density settings.

What is the best way to optimize and reduce image file sizes for web documentation?

The best way to optimize image file sizes for web documentation is using tools like pngquant and jpegoptim to compress files. This Skill integrates these dependencies to automatically reduce the file size of PNG and JPEG assets without significantly degrading quality.

Can I generate new images using AI within my web development workflow?

Yes, you can generate new images using AI within your web development workflow by leveraging AI platforms like Replicate. This Skill manages AI-driven image generation to create assets such as website banners directly from your development environment.

Do I need ImageMagick and sharp-cli installed to handle format conversions?

Yes, you need sharp-cli installed to handle format conversions between SVG, PNG, JPEG, WebP, and ICO formats. The Core Task Description also mentions ImageMagick as a required tool for executing the image manipulation and resizing workflows.

How does SVG optimization work when preparing assets for a website?

SVG optimization works by using tools like svgo to clean and reduce the file size of vector graphics. This Skill applies svgo during the asset creation workflow to ensure your SVG logos and graphics are properly optimized for web usage.