Image Resize — Platform-Aware Image Resizer
Resize and crop any image to exact dimensions for 60+ platform presets using ImageMagick's high-quality Lanczos resampling.
Prerequisites
ImageMagick is required. If not installed:
brew install imagemagick # macOS
sudo apt install imagemagick # Debian/Ubuntu
How to use
Run the bundled script:
bash "${CLAUDE_SKILL_DIR}/scripts/resize.sh" <input-image> [OPTIONS]
Options
| Flag |
Description |
Default |
--platform NAME |
Generate image for a specific platform preset |
(required unless --all) |
--all |
Generate images for every preset |
off |
--category CAT |
Generate all presets in a category (e.g. youtube, appstore) |
— |
--output DIR |
Output directory |
./resized/ |
--list |
List all available platform presets and exit |
— |
--fit |
Fit image inside target (letterbox with padding) instead of cover-crop |
off (cover-crop) |
--pad-color HEX |
Padding color when using --fit (6-digit hex, no #) |
FFFFFF |
--quality N |
Output quality 1-100 |
92 |
Platform presets
The script knows these categories. For the full list of preset names and exact pixel dimensions, read references/platforms.md.
| Category |
Presets |
| Web / SEO |
og-image, blog-cover, notion-cover |
| Chrome Extension |
chrome-screenshot, chrome-small-promo, chrome-marquee-promo |
| Ads |
feed-ad, post-ad |
| Play Store |
play-icon, play-feature, play-screenshot-5, play-screenshot-6 |
| App Store |
appstore-iphone-15-pro-max, appstore-iphone-14-plus, appstore-iphone-14-pro, appstore-iphone-14, appstore-ipad-pro, appstore-mac, appstore-watch-ultra, appstore-watch-series |
| YouTube |
youtube-profile, youtube-cover, youtube-thumbnail |
| TikTok |
tiktok-profile, tiktok-video, tiktok-image-ad, tiktok-square-ad |
| Pinterest |
pinterest-profile, pinterest-board-cover, pinterest-square, pinterest-medium, pinterest-long |
| Substack |
substack-featured, substack-logo, substack-email-banner, substack-social, substack-cover |
| Threads |
threads-profile, threads-square, threads-carousel |
| Instagram |
instagram-feed-square, instagram-feed-portrait, instagram-stories, instagram-reels |
| Twitter |
twitter-one-image, twitter-two-images, twitter-cover-photo, twitter-og |
| Dribbble |
dribbble-shot |
| Bluesky |
bluesky-post, bluesky-cover, bluesky-cover-mobile |
| Product Hunt |
producthunt-gallery, producthunt-thumbnail |
| LinkedIn |
linkedin-feed, linkedin-cover-business, linkedin-cover-personal, linkedin-stories |
| Facebook |
facebook-news-feed, facebook-stories, facebook-cover-photo, facebook-og |
Examples
Single platform — OG image for a blog post:
bash "${CLAUDE_SKILL_DIR}/scripts/resize.sh" hero.png --platform og-image
All YouTube sizes at once:
bash "${CLAUDE_SKILL_DIR}/scripts/resize.sh" channel-art.png --category youtube --output ./youtube-assets/
Every platform preset from one source image:
bash "${CLAUDE_SKILL_DIR}/scripts/resize.sh" brand-logo.png --all --output ./all-sizes/
Fit mode (letterbox instead of crop) with black padding:
bash "${CLAUDE_SKILL_DIR}/scripts/resize.sh" screenshot.png --platform appstore-iphone-15-pro-max --fit --pad-color 000000
List available presets:
bash "${CLAUDE_SKILL_DIR}/scripts/resize.sh" --list
How it works
The script uses a cover-crop strategy by default — the same approach image editors use for "fill" mode:
- Scale the image so it fully covers the target rectangle (using ImageMagick's
resize WxH^ with Lanczos filter)
- Center-crop to the exact target dimensions (using
-gravity center -extent WxH)
This means no distortion and no empty space — the image always fills the frame, cropping from the center if the aspect ratios differ.
With --fit, the strategy flips: the image is scaled to fit inside the target, then padded to exact dimensions with a solid color. This is useful for screenshots or images where you don't want anything cropped off.
When to pick which mode
- Banners, covers, thumbnails, OG images — default cover-crop is usually best. The subject should be centered in the source image for best results.
- App Store / Play Store screenshots — use
--fit so UI elements at the edges aren't clipped.
- Icons and profile photos — cover-crop works well since these are typically square-ish crops of a centered subject.
- Pinterest long pins — if your source is landscape,
--fit avoids aggressive cropping.
Supported input formats
ImageMagick handles PNG, JPEG, TIFF, GIF, BMP, WebP, HEIC, and many more. Output format matches the input (a .png stays .png, a .jpg stays .jpg).
Output naming
Files are saved as <platform-name>.<ext> in the output directory. For example:
resized/og-image.pngresized/youtube-thumbnail.jpgresized/appstore-iphone-15-pro-max.png
1---2name: image-resize3description: Resize and crop images to exact platform-specific dimensions for social media, app stores, ads, and web. Supports 60+ platform presets including OG images, YouTube thumbnails, App Store screenshots, Play Store graphics, TikTok, Pinterest, Threads, Substack, Chrome Web Store, Notion covers, Instagram, Twitter, Dribbble, Bluesky, Product Hunt, LinkedIn, Facebook, and more. Uses ImageMagick for high-quality Lanczos resampling. Works on macOS, Linux, and Windows. Use this skill whenever the user wants to resize an image for a specific platform, create social media assets, generate app store screenshots, make thumbnails, create OG images, prepare images for upload, or batch-resize to multiple sizes. Also trigger when the user mentions any platform (YouTube, TikTok, Pinterest, App Store, Play Store, Substack, Threads, Chrome Web Store, Notion, etc.) in the context of image sizing, resizing, cropping, or preparation — even if they don't explicitly say "resize".4---56# Image Resize — Platform-Aware Image Resizer78Resize and crop any image to exact dimensions for 60+ platform presets using ImageMagick's high-quality Lanczos resampling.910## Prerequisites1112ImageMagick is required. If not installed:1314```bash15brew install imagemagick # macOS16sudo apt install imagemagick # Debian/Ubuntu17```1819## How to use2021Run the bundled script:2223```bash24bash "${CLAUDE_SKILL_DIR}/scripts/resize.sh" <input-image> [OPTIONS]25```2627### Options2829| Flag | Description | Default |30|------|-------------|---------|31| `--platform NAME` | Generate image for a specific platform preset | (required unless `--all`) |32| `--all` | Generate images for every preset | off |33| `--category CAT` | Generate all presets in a category (e.g. `youtube`, `appstore`) | — |34| `--output DIR` | Output directory | `./resized/` |35| `--list` | List all available platform presets and exit | — |36| `--fit` | Fit image inside target (letterbox with padding) instead of cover-crop | off (cover-crop) |37| `--pad-color HEX` | Padding color when using `--fit` (6-digit hex, no #) | `FFFFFF` |38| `--quality N` | Output quality 1-100 | `92` |3940### Platform presets4142The script knows these categories. For the full list of preset names and exact pixel dimensions, read `references/platforms.md`.4344| Category | Presets |45|----------|---------|46| **Web / SEO** | og-image, blog-cover, notion-cover |47| **Chrome Extension** | chrome-screenshot, chrome-small-promo, chrome-marquee-promo |48| **Ads** | feed-ad, post-ad |49| **Play Store** | play-icon, play-feature, play-screenshot-5, play-screenshot-6 |50| **App Store** | appstore-iphone-15-pro-max, appstore-iphone-14-plus, appstore-iphone-14-pro, appstore-iphone-14, appstore-ipad-pro, appstore-mac, appstore-watch-ultra, appstore-watch-series |51| **YouTube** | youtube-profile, youtube-cover, youtube-thumbnail |52| **TikTok** | tiktok-profile, tiktok-video, tiktok-image-ad, tiktok-square-ad |53| **Pinterest** | pinterest-profile, pinterest-board-cover, pinterest-square, pinterest-medium, pinterest-long |54| **Substack** | substack-featured, substack-logo, substack-email-banner, substack-social, substack-cover |55| **Threads** | threads-profile, threads-square, threads-carousel |56| **Instagram** | instagram-feed-square, instagram-feed-portrait, instagram-stories, instagram-reels |57| **Twitter** | twitter-one-image, twitter-two-images, twitter-cover-photo, twitter-og |58| **Dribbble** | dribbble-shot |59| **Bluesky** | bluesky-post, bluesky-cover, bluesky-cover-mobile |60| **Product Hunt** | producthunt-gallery, producthunt-thumbnail |61| **LinkedIn** | linkedin-feed, linkedin-cover-business, linkedin-cover-personal, linkedin-stories |62| **Facebook** | facebook-news-feed, facebook-stories, facebook-cover-photo, facebook-og |6364### Examples6566**Single platform — OG image for a blog post:**67```bash68bash "${CLAUDE_SKILL_DIR}/scripts/resize.sh" hero.png --platform og-image69```7071**All YouTube sizes at once:**72```bash73bash "${CLAUDE_SKILL_DIR}/scripts/resize.sh" channel-art.png --category youtube --output ./youtube-assets/74```7576**Every platform preset from one source image:**77```bash78bash "${CLAUDE_SKILL_DIR}/scripts/resize.sh" brand-logo.png --all --output ./all-sizes/79```8081**Fit mode (letterbox instead of crop) with black padding:**82```bash83bash "${CLAUDE_SKILL_DIR}/scripts/resize.sh" screenshot.png --platform appstore-iphone-15-pro-max --fit --pad-color 00000084```8586**List available presets:**87```bash88bash "${CLAUDE_SKILL_DIR}/scripts/resize.sh" --list89```9091## How it works9293The script uses a **cover-crop** strategy by default — the same approach image editors use for "fill" mode:94951. **Scale** the image so it fully covers the target rectangle (using ImageMagick's `resize WxH^` with Lanczos filter)962. **Center-crop** to the exact target dimensions (using `-gravity center -extent WxH`)9798This means no distortion and no empty space — the image always fills the frame, cropping from the center if the aspect ratios differ.99100With `--fit`, the strategy flips: the image is scaled to fit *inside* the target, then padded to exact dimensions with a solid color. This is useful for screenshots or images where you don't want anything cropped off.101102## When to pick which mode103104- **Banners, covers, thumbnails, OG images** — default cover-crop is usually best. The subject should be centered in the source image for best results.105- **App Store / Play Store screenshots** — use `--fit` so UI elements at the edges aren't clipped.106- **Icons and profile photos** — cover-crop works well since these are typically square-ish crops of a centered subject.107- **Pinterest long pins** — if your source is landscape, `--fit` avoids aggressive cropping.108109## Supported input formats110111ImageMagick handles PNG, JPEG, TIFF, GIF, BMP, WebP, HEIC, and many more. Output format matches the input (a .png stays .png, a .jpg stays .jpg).112113## Output naming114115Files are saved as `<platform-name>.<ext>` in the output directory. For example:116- `resized/og-image.png`117- `resized/youtube-thumbnail.jpg`118- `resized/appstore-iphone-15-pro-max.png`
rajnandan1