name: unsplash-backfill description: Use when replacing placeholder images with relevant Unsplash photos. Triggers: “Unsplash”, “placeholder images”, “backfill images”, or when a site needs real photography after design.

Unsplash Backfill

Name: unsplash-backfill
Rating: 92
Author: dimstefanakis

Use the custom tool mcp__demi-unsplash__search_photos to fetch relevant images after Gemini finishes a build/update.

Workflow

•Scan for placeholder images (placehold.co, via.placeholder.com, dummyimage, picsum, loremflickr, placeholder filenames, or obvious dummy URLs) or empty image tags.
•Infer a short, specific query from nearby section copy (e.g., “barber shop interior”, “team portrait”, “coffee shop hero”).
•Call the tool with an orientation that matches the layout (hero: landscape, avatar: squarish, portrait: portrait).
•Replace the placeholder URL with the returned Unsplash URL and update alt text.
•If using next/image, ensure images.unsplash.com is allowed in next.config.

Tool Usage

code

mcp__demi-unsplash__search_photos {"query": "barber shop interior", "count": 1, "orientation": "landscape"}

Return values include a ready-to-use URL plus photographer info for attribution if needed.