Open Placeholder

Open Placeholder is a simple placeholder image service for web pages, prototypes, docs, generated UI, and social preview images.

https://openplaceholder.com/600x400
https://openplaceholder.com/800x400/Product%20Image
https://openplaceholder.com/og/Product%20Launch

Projects

open-placeholder, the Next.js placeholder image generator behind openplaceholder.com
skills, agent skills that make Claude Code, Codex, and other coding agents use Open Placeholder in generated frontend code

Install the companion skill:

npx skills add open-placeholder/skills

Claude Code plugin:

/plugin marketplace add open-placeholder/skills
/plugin install open-placeholder@open-placeholder

Codex plugin:

codex plugin marketplace add open-placeholder/skills

URL	Use
`https://openplaceholder.com/600x400`	Basic rectangle
`https://openplaceholder.com/512`	Square image
`https://openplaceholder.com/1200x400/Hero%20Banner`	Hero banner
`https://openplaceholder.com/og/Product%20Launch`	Open Graph preview
`https://openplaceholder.com/wide/Video%20Thumbnail`	16:9 thumbnail