🎁 Get the FREE AI Skills Starter Guide β€” Subscribe β†’
BytesAgainBytesAgain
πŸ¦€ ClawHub

ImageMagick Operations

by @kesslerio

Perform image manipulation tasks like background removal, resizing, format conversion, rounding corners, watermarking, and color adjustments using ImageMagic...

Versionv1.0.0
Installs42
TERMINAL
clawhub install imagemagick

πŸ“– About This Skill

ImageMagick Moltbot Skill

Comprehensive ImageMagick operations for image manipulation in Moltbot.

Installation

macOS:

brew install imagemagick

Linux:

sudo apt install imagemagick  # Debian/Ubuntu
sudo dnf install ImageMagick  # Fedora

Verify:

convert --version

Available Operations

1. Remove Background (white/solid color β†’ transparent)

./scripts/remove-bg.sh input.png output.png [tolerance] [color]

| Parameter | Default | Range | Description | |-----------|---------|-------|-------------| | input.png | β€” | β€” | Source image | | output.png | β€” | β€” | Output transparent PNG | | tolerance | 20 | 0-255 | Color matching fuzz factor | | color | #FFFFFF | hex | Color to remove |

Examples:

./scripts/remove-bg.sh icon.png icon-clean.png              # default white
./scripts/remove-bg.sh icon.png icon-clean.png 30           # loose tolerance
./scripts/remove-bg.sh icon.png icon-clean.png 10 "#000000" # remove black

2. Resize Image

convert input.png -resize 256x256 output.png

3. Convert Format

convert input.png output.webp          # PNG β†’ WebP
convert input.jpg output.png           # JPG β†’ PNG
convert input.png -quality 80 output.jpg  # Compress

4. Rounded Corners (iOS style)

convert input.png -alpha set -virtual pixel transparent \
    -distort viewport 512x512+0+0 \
    -channel A -blur 0x10 -threshold 50% \
    output-rounded.png

5. Add Watermark

convert base.png watermark.png -gravity southeast -composite output.png

6. Batch Thumbnail Generation

for f in *.png; do convert "$f" -resize 128x128 "thumbs/$f"; done

7. Color Adjustments

convert input.png -brightness-contrast 10x0 output.png      # brighter
convert input.png -grayscale output.png                     # grayscale
convert input.png -modulate 100,150,100 output.png          # more saturation

Common Patterns

Flat Icon β†’ Transparent Background

./scripts/remove-bg.sh icon.png icon-clean.png 15

Generate App Icon Set (iOS)

for size in 1024 512 256 128 64 32 16; do
    convert icon.png -resize ${size}x${size} icon-${size}.png
done

Optimize for Web

convert large.png -quality 85 -resize 2000x2000\> optimized.webp

Tips

  • Higher tolerance (20-50): Better for anti-aliased edges, may remove some foreground
  • Lower tolerance (5-15): Preserves detail, may leave color fringes
  • For flat icons: 10-20 usually works best
  • Use -quality for JPEG/WebP compression (0-100)
  • Use -strip to remove metadata for smaller files
  • πŸ“‹ Tips & Best Practices

  • Higher tolerance (20-50): Better for anti-aliased edges, may remove some foreground
  • Lower tolerance (5-15): Preserves detail, may leave color fringes
  • For flat icons: 10-20 usually works best
  • Use -quality for JPEG/WebP compression (0-100)
  • Use -strip to remove metadata for smaller files