Resize Images

What it does

Type /resize-images with one or more image files — or a folder. The skill produces ready-to-use copies at standard web and print sizes, organized into subfolders. Original files are never modified.

Web output — three responsive sizes as WebP, optimized for fast loading:

Size	Width	Use
hero	1920px	Full-bleed banners, portfolio covers
standard	1200px	Body images, project galleries
thumb	400px	Thumbnails, cards, previews

Social output — center-cropped WebP at exact platform specs:

Preset	Dimensions	Platform
social-square	1080×1080	Instagram
social-portrait	1080×1350	Instagram (portrait)
social-landscape	1200×675	Twitter/X
social-linkedin	1200×627	LinkedIn

Slides output — center-cropped JPEG sized to fill the slide canvas:

Preset	Dimensions	Format
slides-standard	1024×768	4:3 (Google Slides standard, PowerPoint legacy)
slides-wide	1920×1080	16:9 (Google Slides widescreen, PowerPoint default)

Print output — 300 DPI JPEG at standard ARCH sheet sizes:

Preset	Dimensions	Use
arch-a	9 × 12 in	Reports, submittals
arch-b	12 × 18 in	Booklets, presentation packets
arch-c	18 × 24 in	Full presentation boards

By default the skill generates all web sizes. Pass --social, --slides, --print, or --all to include other outputs.

Install

Claude Desktop:

1. Open Customize → Browse plugins
2. Click + → Add marketplace from GitHub
3. Enter AlpacaLabsLLC/skills-for-architects
4. Install the Presentations plugin

Claude Code (terminal):

claude plugin marketplace add AlpacaLabsLLC/skills-for-architects
claude plugin install 07-presentations@skills-for-architects

Or symlink just this skill:

git clone https://github.com/AlpacaLabsLLC/skills-for-architects.git
ln -s $(pwd)/skills-for-architects/plugins/07-presentations/skills/resize-images ~/.claude/skills/resize-images

Usage

Single file, web sizes:

/resize-images ~/Desktop/render.jpg

Social sizes only:

/resize-images ~/Desktop/render.jpg --social

Slides only:

/resize-images ~/Desktop/render.jpg --slides

Print sizes only:

/resize-images ~/Desktop/render.jpg --print arch-a arch-b arch-c

Everything:

/resize-images ~/Documents/project-photos/ --all

Output lands next to the source in resized-web/, resized-social/, and resized-print/ subfolders.

What it produces

resized-web/
  render-hero.webp             # 1920px
  render-standard.webp         # 1200px
  render-thumb.webp            #  400px
resized-social/
  render-social-square.webp    # 1080×1080 (center crop)
  render-social-portrait.webp  # 1080×1350 (center crop)
  render-social-landscape.webp # 1200×675  (center crop)
  render-social-linkedin.webp  # 1200×627  (center crop)
resized-slides/
  render-slides-standard.jpg   # 1024×768  (center crop, 4:3)
  render-slides-wide.jpg       # 1920×1080 (center crop, 16:9)
resized-print/
  render-arch-a.jpg            # 9×12  @ 300 DPI
  render-arch-b.jpg            # 12×18 @ 300 DPI
  render-arch-c.jpg            # 18×24 @ 300 DPI

Notes

• Web and print preserve aspect ratio — images fit within the target dimensions, never cropped
• Social and slides center-crop to fill exact dimensions
• Web: WebP quality 82 · Social: WebP quality 85 · Slides: JPEG quality 92 · Print: JPEG quality 95 with sRGB color profile
• Requires Pillow (pip install Pillow)

Pairs with

• /slide-deck-generator — drop resized images directly into a presentation
• /color-palette-generator — extract a palette from the resized photos