processing-images

$npx mdskill add oaustegard/claude-skills/processing-images

Manipulate, analyze, and transform visual assets using a comprehensive toolkit for all image tasks.

  • Handles format conversion, resizing, cropping, and batch processing of various media types.
  • Integrates with ImageMagick and Pillow for command-line and Python-based image manipulation.
  • Determines the appropriate tool based on the requested transformation, such as effects or metadata extraction.
  • Delivers processed assets, comparisons, or analyzed data directly to the user or calling agent.
SKILL.md
.github/skills/processing-imagesView on GitHub ↗
---
name: processing-images
description: "Image processing toolkit awareness. Use when: user uploads images for manipulation, requests format conversion, batch processing, compositing, resizing, optimization, analysis, effects, metadata inspection, montages, animated GIFs, color correction, or any image-related task. Also use when working with screenshots, photos, diagrams, icons, or visual assets. Triggers on 'resize', 'crop', 'convert', 'compress', 'optimize', 'thumbnail', 'watermark', 'montage', 'collage', 'gif', 'sprite sheet', 'color space', 'metadata', 'EXIF', 'compare images', 'diff', 'overlay', 'composite', 'batch process', 'image analysis', 'histogram', 'blur', 'sharpen', 'rotate', 'flip', 'border', 'shadow', 'round corners', 'favicon', 'icon set'."
metadata:
  version: 0.1.0
---

# Image Processing Tools

This container has a rich image processing toolkit. Before writing any image code, scan this inventory to pick the best tool for the job — don't default to Pillow for everything.

## Tool Selection by Task

### Format Conversion & Batch Operations
**ImageMagick `convert`** is the default choice. Handles 260+ formats, single command, no code needed.
```
convert input.png output.webp
convert input.png -quality 85 output.jpg
mogrify -format webp *.png          # batch in-place
```
For animated formats (GIF↔WebP↔APNG, video↔frames), prefer **ffmpeg**.

### Resize, Crop, Thumbnails
**ImageMagick** for CLI one-liners. **Pillow** when already in Python pipeline.
```
convert input.jpg -resize 800x600 output.jpg          # fit within box
convert input.jpg -resize 800x600^ -gravity center -extent 800x600 output.jpg  # fill+crop
convert input.jpg -thumbnail 200x200^ -gravity center -extent 200x200 thumb.jpg
```
IM supports 30+ resize filters: `-filter Lanczos` (sharp downscale), `-filter Mitchell` (balanced), `-filter Point` (nearest-neighbor/pixel art).

### Compositing & Overlays
**ImageMagick `composite`** or `convert` with `-composite`. Supports all Porter-Duff modes.
```
composite -gravity southeast watermark.png photo.jpg output.jpg
convert base.png overlay.png -gravity center -composite result.png
```
For complex multi-layer work or programmatic positioning, use **Pillow** (`Image.paste`, `Image.alpha_composite`).

### Montages, Collages, Contact Sheets
**ImageMagick `montage`** — purpose-built for grid layouts.
```
montage *.jpg -geometry 200x200+5+5 -tile 4x3 sheet.jpg
montage *.png -label '%f' -geometry +4+4 catalog.png
```

### Animated GIFs & Frame Sequences
**ImageMagick** for simple GIF assembly. **ffmpeg** for anything involving timing control, video sources, or optimization.
```
convert -delay 10 -loop 0 frame_*.png animation.gif        # IM
ffmpeg -framerate 10 -i frame_%03d.png -vf palettegen palette.png && \
ffmpeg -framerate 10 -i frame_%03d.png -i palette.png -lavfi paletteuse output.gif  # optimized
```
**imageio** is convenient for frame-sequence GIFs from Python arrays.

### Image Analysis & Measurement
**`identify`** for quick metadata and stats. **OpenCV** for structural analysis. **scikit-image** for scientific measurement.
```
identify -verbose image.png          # full metadata dump
identify -format '%wx%h %[colorspace] %[depth]bit' image.png   # targeted
```
- **OpenCV** (`cv2`): histograms, contour detection, template matching, edge detection, color distribution
- **scikit-image** (`skimage`): region properties, morphology, thresholding (Otsu, adaptive), feature detection (SIFT via OpenCV, ORB), SSIM comparison
- **scipy.ndimage**: convolution, interpolation, labeling connected components

### Image Comparison & Diffing
**ImageMagick `compare`** produces visual diffs directly.
```
compare image1.png image2.png diff.png
compare -metric RMSE image1.png image2.png null: 2>&1   # numeric similarity
```
For structural similarity: `skimage.metrics.structural_similarity` (SSIM).

### Color Operations
**ImageMagick** handles color space conversion, channel manipulation, color quantization.
```
convert input.jpg -colorspace Gray output.jpg
convert input.png -colors 16 reduced.png           # quantize
convert input.jpg -modulate 110,130,100 output.jpg  # brightness,saturation,hue
convert input.png -channel R -separate red_channel.png
```
For programmatic color analysis (dominant colors, palettes): **OpenCV** k-means on pixel arrays, or **Pillow** `getcolors()`.

### Effects & Filters
**ImageMagick** has extensive built-in effects:
```
convert in.png -blur 0x3 out.png              # Gaussian blur
convert in.png -sharpen 0x1 out.png
convert in.png -shadow 60x4+2+2 out.png       # drop shadow
convert in.png -vignette 0x40 out.png
convert in.png -sketch 0x10+120 out.png
convert in.png -charcoal 2 out.png
convert in.png -edge 1 out.png
convert in.png -emboss 1 out.png
convert in.png \( +clone -background black -shadow 60x4+0+0 \) +swap -background none -layers merge +repage rounded.png
```
For advanced/custom convolution kernels: **scipy.ndimage** or **OpenCV**.

### Metadata & EXIF
**`identify -verbose`** reads all metadata. **Pillow** reads/writes EXIF programmatically.
```
identify -verbose image.jpg | grep -A20 'Properties:'
```
```python
from PIL import Image
img = Image.open("photo.jpg")
exif = img.getexif()  # dict-like access to EXIF tags
```
Note: no `exiftool` in this container. Use `identify` or Pillow for metadata tasks.

### Icons, Favicons, App Icons
**ImageMagick** generates multi-size ICO files directly.
```
convert icon.png -define icon:auto-resize=256,128,64,48,32,16 favicon.ico
```
For icon sets (iOS/Android), batch-resize with `convert` or `mogrify` to each required size.

### PDF & EPS (limited)
ImageMagick can read/write PDF and EPS but **Ghostscript is not installed** — complex PDF rasterization may fail. For PDF-to-image, prefer **Pillow** (for simple cases), **pdfplumber** (text/table extraction), or the **pdf skill** (for full PDF manipulation). IM's built-in PDF delegate handles basic operations.

### Seam Carving (Content-Aware Resize)
ImageMagick has **Liquid Rescale** (LQR) built in:
```
convert input.jpg -liquid-rescale 80x100%! output.jpg   # shrink width 20%, preserve content
```

### SVG Handling
ImageMagick rasterizes SVG via its built-in delegate. For SVG→PNG at specific sizes:
```
convert -density 300 input.svg -resize 800x output.png
```
No Inkscape or rsvg-convert available. For SVG manipulation, work with the XML directly or use Python's `lxml`.

## Complete Tool Inventory

| Tool | Type | Key Strength |
|---|---|---|
| **ImageMagick 6.9** | CLI suite | 260 formats, effects, compositing, batch ops |
| **ffmpeg** | CLI | Video/animation, frame extraction, optimized GIFs |
| **Graphviz** | CLI | Diagram→image rendering (dot, neato, etc.) |
| **LibreOffice** | CLI | Document→image conversion |
| **Pillow 12.1** | Python | General-purpose, EXIF, drawing, WebP/AVIF, freetype |
| **OpenCV 4.13** | Python | Computer vision, histograms, contours, morphology |
| **scikit-image 0.26** | Python | Scientific analysis, SSIM, segmentation, features |
| **Wand 0.6** | Python | Full ImageMagick API from Python |
| **imageio 2.37** | Python | Unified I/O, GIF frame sequences |
| **scipy.ndimage** | Python | Convolution, interpolation, labeling |
| **numpy** | Python | Raw pixel array math |
| **reportlab** | Python | PDF generation with embedded images |

## Key Constraints

- **No Ghostscript** — PDF/EPS rasterization is limited to IM's built-in delegate
- **No potrace/autotrace** — bitmap-to-vector tracing unavailable
- **No standalone optimizers** — no optipng, pngquant, jpegoptim, gifsicle (use IM quality settings or ffmpeg instead)
- **No exiftool** — use `identify` or Pillow for metadata
- **No Inkscape** — SVG manipulation is XML-level only
- **HEIC/AVIF read-only** in ImageMagick; Pillow supports AVIF read/write
- **ImageMagick is v6** — use `convert`/`identify` commands, not `magick` (v7 syntax)
More from oaustegard/claude-skills