skills.rest
jiushiwon
jiushiwonCOMMUNITY
Explore all skills by this author →
GitHub

image-forge-skill

Generates PNG images and edits them with customizable workflows and formats.

44|11|Updated Jun 1, 2026
Search Tags:#icon generation#image processing#sharp#image compression#watermarking#svg to png#image compositing
One-click install
npx skills add https://github.com/jiushiwon/wg-skills --skill image-forge-skill
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: image-forge-skill
Source: https://github.com/jiushiwon/wg-skills/tree/main/image-forge-skill
Command: npx skills add https://github.com/jiushiwon/wg-skills --skill image-forge-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill removes the repetitive manual work of resizing, compressing, converting, watermarking, compositing images, and rendering consistent PNG icon sets.

Core Features & Use Cases

  • Image Processing: Compress images, convert between JPEG, WebP, and PNG, resize with configurable fit modes, crop, and generate base64 Data URIs.
  • Overlays and Compositing: Add image or text watermarks, apply color masks, and combine backgrounds and multiple image, text, or color layers into banners and sharing cards.
  • Icon Generation: Convert heroicons- or feather-style SVG paths and complete SVG files into batches of themed PNG icons with configurable size, color, and stroke width.
  • Use Case: Prepare a responsive marketing banner by converting a source image to WebP, resizing it to a target layout, adding a semi-transparent dark overlay and title, then exporting the final asset.

Quick Start

Ask the image-forge skill to compress photo.jpg to an 800-pixel-wide WebP image and save the result in the project's dist directory.

Frequently Asked Questions about image-forge-skill

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

FAQPage Schema
How do I convert SVG files to PNG icons in batch?▼

Image compositing lets you combine backgrounds with multiple image, text, or color layers. You can add semi-transparent overlays, apply color masks, and generate banners or sharing cards without manual editing.

Can I compress images and convert them to WebP using sharp?▼

Yes, you can compress images and convert between JPEG, WebP, and PNG formats. The skill uses the sharp image-processing library to resize images with configurable fit modes and export optimized assets.

Do I need Node.js to generate PNG icon assets?▼

Yes, Node.js is required to run the sharp image-processing library. You use JSON-driven icons or jobs specifications to process raster images and generate deterministic PNG icon outputs.

What's the best way to add a watermark to an image?▼

The best way to add watermarks is through overlays and compositing. You can add image or text watermarks, apply color masks, and combine layers into banners using JSON job specifications.

Does image processing support base64 Data URIs?▼

Yes, image processing supports generating base64 Data URIs. You can resize, crop, compress, and convert images while exporting them as base64 Data URIs for direct embedding.

Related Skills

Explore More Design & Creative Skills→
pragyaP17pragyaP17

scrape-webpage

Scrape webpage content, extract metadata, download images, and prepare for AEM Edge Delivery Services import.

Community
Advanced
xongtaoxongtao

ui-design

Codify frontend UI design directions with mandatory design specifications and prototypes.

Community
Advanced
SunS1eep1ngSunS1eep1ng

better-icons

Search Iconify collections for SVG icons and export them for UI projects.

Community
Intermediate
iterationlayeriterationlayer
2

image-resize-watermark-convert

Resize product images to 1200x1200, apply a branded text watermark, and output WebP.

Official
Intermediate