Smart image processing for resize, compress, and convert operations with batch support. Use when users ask to resize images, compress photos, convert to WebP/AVIF, batch process images, optimize for social media, or create image thumbnails. Supports modern formats and aspect ratios.
/plugin marketplace add leobrival/serum-plugins-official/plugin install media-tools@serum-plugins-officialThis skill inherits all available tools. When active, it can use any tool Claude has access to.
Smart image processor with automatic single-file and batch operation detection, modern format support, and social media presets.
Process images with optimal defaults:
cd ~/.claude/scripts/media-tools
bun run image photo.jpg --Format webp --Quality 85
Automatically detects input type and adjusts processing:
| Input | Behavior |
|---|---|
Single file (photo.jpg) | Process that file |
Directory (./photos/) | Process all images in directory |
Glob pattern (*.png) | Process matching files |
| Multiple files | Process each file |
| Option | Default | Options | Description |
|---|---|---|---|
| Resolution | original | original, 3840, 2560, 1920, 1280, 800, 640, custom | Target width in pixels |
| Ratio | original | original, 16:9, 9:16, 3:2, 1:1, 4:5, 4:3, 21:9 | Aspect ratio (crops to fit) |
| Format | webp | original, webp, jpg, png, avif | Output format |
| Quality | 85 | 95, 85, 75, 65, 55, 45 | Quality level (1-100) |
| Output | same | same, subfolder, custom | Output location |
Format Support:
Smart Processing:
Supported Input Formats: jpg, jpeg, png, gif, webp, tiff, avif, bmp, heic
bun run image photo.jpg --Resolution 1920 --Ratio 16:9 --Format webp
bun run image photo.jpg --Format webp --Quality 75
bun run image ./photos/ --Resolution 1280 --Format webp --Output subfolder
Shows preview before processing:
Found 24 images to process:
- photo1.jpg (2.4 MB)
- photo2.png (1.8 MB)
- ... and 22 more
Settings:
- Resolution: 1280 (original → 1280px width)
- Ratio: original (keep aspect ratio)
- Format: webp
- Quality: 85%
- Output: ./photos/processed/
Proceed? [Yes/No]
bun run image "*.png" --Format webp --Quality 85
bun run image ./uploads/ --Resolution 1280 --Ratio 1:1 --Format jpg
bun run image ./content/ --Resolution 1080 --Ratio 9:16 --Format jpg --Quality 90
| Platform | Resolution | Ratio | Format | Quality | Use Case |
|---|---|---|---|---|---|
| Web hero | 1920 | 16:9 | webp | 85 | Hero images |
| Thumbnail | 640 | 16:9 | webp | 75 | Grid thumbnails |
| Instagram post | 1280 | 1:1 | jpg | 85 | Feed posts |
| Instagram story | 1080 | 9:16 | jpg | 85 | Stories/Reels |
| Twitter/X | 1280 | 16:9 | jpg | 85 | Tweets with images |
| 1920 | 1.91:1 | jpg | 85 | Posts | |
| OG image | 1200 | 1.91:1 | jpg | 85 | Social sharing |
| 4K wallpaper | 3840 | 16:9 | png | 95 | Desktop backgrounds |
magick input.jpg \
-resize 1920x1080^ \
-gravity center \
-extent 1920x1080 \
-quality 85 \
-strip \
output.webp
magick input.jpg \
-quality 85 \
-strip \
output.webp
magick input.jpg \
-resize 1920x \
-quality 85 \
-strip \
output.webp
When a ratio is specified, height is calculated automatically:
| Ratio | Calculation | Example (width=1920) |
|---|---|---|
| 16:9 | height = width × 9/16 | 1080px |
| 9:16 | height = width × 16/9 | 3413px |
| 3:2 | height = width × 2/3 | 1280px |
| 1:1 | height = width | 1920px |
| 4:5 | height = width × 5/4 | 2400px |
| 4:3 | height = width × 3/4 | 1440px |
| 21:9 | height = width × 9/21 | 823px |
After batch processing, shows detailed report:
✓ Processed 24 images
Summary:
- Total input: 45.2 MB
- Total output: 12.8 MB
- Compression: 72% smaller
- Time: 1.2s
Output: ./processed/
magick commandbrew install imagemagickplugins/media-tools/commands/image.mdplugins/media-tools/skills/media-processor/plugins/media-tools/skills/video-processing/Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.