placeholder

name	placeholder
description	Generate SVG placeholder images for UI mockups via the placeholder-img HTTP API. Use when the user asks for placeholder images, mockup assets, or dummy images with specific dimensions and colors.
version	1.0.0
license	MIT
homepage	https://img.automators.work

placeholder

Build URLs for the placeholder-img API to embed mockup images in HTML, CSS, or design prototypes.

When to use

• User asks for a placeholder image of size W×H.
• User is prototyping a UI and needs a dummy <img> source.
• User wants a colored block of a known aspect ratio as a background.

Do NOT use this skill for production images, photography, or when the user wants real content — this generates blank colored SVGs with the dimensions drawn as text.

When to prefer this over alternatives

• Over CSS color blocks (<div style="background:#ccc;width:400px;height:300px">): when the mockup needs to behave like a real image — responsive aspect ratio, <img> semantics for alt text and lazy-loading, usable as <img srcset> or background-image interchangeably.