transloadit/skills

transform-build-mosaic-collage-with-transloadit

One-off justified mosaic photo collage (N local images -> single image) using the official `@transloadit/node` CLI.

First seen Apr 18, 2026

Installation

$ npx skills add transloadit/skills --skill transform-build-mosaic-collage-with-transloadit

Summary

  • One-off justified mosaic photo collage (N local images -> single image) using the official `@transloadit/node` CLI.
  • Uses the `/image/merge` Robot's `mosaic` effect to build a tiled layout that keeps every photo fully visible, and downloads the result to an explicit output path via `--output`.

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from transloadit/skills · top by installs.

npx skills add transloadit/skills

Browse all from transloadit/skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 3
Default branch main
Open issues 0
Status Active

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 3,161 B
  • docs SUMMARY.md 348 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 55 installs

SKILL.md

Inputs

  • Two or more absolute paths to local input images
  • Optional output path; default to an explicit collage.jpg in the current working directory
  • Optional canvas size (--width, --height), default 1920×1200
  • Optional --seed for deterministic layout

Prepare Instructions

Resolve credentials in this order:

  • Shell environment variables
  • The current working directory .env only
  • ~/.transloadit/credentials

If your .env lives in a parent directory, export the variables into the shell first.

Run

npx -y @transloadit/node image merge \
  --input ./photo-a.jpg \
  --input ./photo-b.jpg \
  --input ./photo-c.jpg \
  --input ./photo-d.jpg \
  --input ./photo-e.jpg \
  --input ./photo-f.jpg \
  --effect mosaic \
  --width 1920 \
  --height 1200 \
  --border 12 \
  --shuffle \
  --format jpg \
  --output ./collage.jpg

After the command finishes, confirm the image exists at the expected output path.

Tuning

  • --border 12 sets both the outer canvas padding and the gutter width between tiles. Larger values give more breathing room.
  • --background '#eee5d3' fills the gutters and canvas padding (default). Hex codes or named colors both work.
  • --background none (with --format png or --format webp) produces a transparent canvas and transparent gutters.
  • --shuffle lets the Robot reorder inputs before solving the layout; combine with --seed to pin the shuffle.
  • --seed 42 makes the mosaic solver deterministic — rerun with the same inputs to reproduce the same output.

Debug If It Fails

npx -y @transloadit/node assemblies get <assemblyIdOrUrl> -j

Notes:

  • Repeated --input values are bundled into a single /image/merge assembly.
  • The mosaic effect reads each input's aspect ratio and solves for a justified tile layout — portrait + landscape mixes generally produce more interesting layouts than uniform sizes.
  • Unlike the polaroid-stack effect, tiles are center-cropped to fit their allocated rectangle. Any portion of a photo can be cropped off — if every pixel matters, resize beforehand with /image/resize and resize_strategy: fit.
  • Prefer an explicit output filename (e.g. ./collage.jpg or ./collage.png) over a directory output so the extension is deterministic.