/resize-images

What it does

Type /as:resize-images with a folder of images. 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 preset sizes for each platform:

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

Name the modes you want — web, social, slides, print — or ask for all four.

Install

Claude Desktop:

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

Claude Code (terminal):

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

Or symlink just this skill:

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

Usage

Web sizes:

/as:resize-images ~/Desktop/renders/ web

Social sizes only:

/as:resize-images ~/Desktop/renders/ social

Slides only:

/as:resize-images ~/Desktop/renders/ slides

Print sizes only:

/as:resize-images ~/Desktop/renders/ print

Everything:

/as:resize-images ~/Documents/project-photos/ all modes

Output lands inside the source folder in resized-web/, resized-social/, resized-slides/, and resized-print/ subfolders. The folder is scanned non-recursively.

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 and never crop or enlarge — web limits width only, print fits within the sheet
• 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
• No install needed — the skill uses the host’s available image tools

Pairs with

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