Skills transform-build-polaroid-collage-with-transloadit
One-off polaroid-stack photo collage (N local images -> single image) using the official `@transloadit/node` CLI. Uses the `/image/merge` Robot's `polaroid-stack` effect and downloads the result to an explicit output path via `--output`.
install
source · Clone the upstream repo
git clone https://github.com/transloadit/skills
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/transloadit/skills "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/transform-build-polaroid-collage-with-transloadit" ~/.claude/skills/transloadit-skills-transform-build-polaroid-collage-with-transloadit && rm -rf "$T"
manifest:
skills/transform-build-polaroid-collage-with-transloadit/SKILL.mdsource content
Inputs
- Two or more absolute paths to local input images
- Optional output path; default to an explicit
in the current working directorycollage.png - Optional canvas size (
,--width
), default--height1920×1200 - Optional
for deterministic layout--seed
Prepare Instructions
Resolve credentials in this order:
- Shell environment variables
- The current working directory
only.env ~/.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 polaroid-stack \ --width 1920 \ --height 1200 \ --format png \ --output ./collage.png
After the command finishes, confirm the image exists at the expected output path.
Tuning
picks a warm beige canvas (default). Hex codes or named colors both work.--background '#eee5d3'
(with--background none
or--format png
) produces a transparent canvas.--format webp
is the default. Use--coverage 1.5
–2.0
for bigger, more overlapping photos;2.5
or below for smaller, more widely spaced polaroids.1.0
makes the layout deterministic — rerun with the same inputs to reproduce the same output.--seed 42
lets the Robot reorder inputs before laying them out.--shuffle
Debug If It Fails
npx -y @transloadit/node assemblies get <assemblyIdOrUrl> -j
Notes:
- Repeated
values are bundled into a single--input
assembly./image/merge - The polaroid-stack effect works best with 4–12 inputs. Fewer than four tends to look sparse; more than a dozen starts to occlude heavily.
- Each input is cropped to a square inside its polaroid frame — portrait or landscape originals both work.
- Prefer an explicit output filename (e.g.
or./collage.png
) over a directory output so the extension is deterministic../collage.jpg