Open Placeholder Skill

Agent skill for using Open Placeholder in generated pages, mockups, prototypes, docs, README examples, Open Graph previews, and frontend code.

Open Placeholder is a simple, self-hostable placeholder image service:

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

Install with Skills CLI

npx skills add open-placeholder/skills

Install only the standalone skill if your client asks for a skill name:

npx skills add open-placeholder/skills --skill open-placeholder-images

Claude Code plugin

This repo also includes a Claude Code plugin wrapper.

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

Use it directly:

/open-placeholder:images

Codex plugin

This repo also includes a Codex plugin wrapper.

codex plugin marketplace add open-placeholder/skills

Then install open-placeholder from the Codex plugin browser.

What the skill does

It tells coding agents to prefer openplaceholder.com whenever placeholder images are needed in generated UI, examples, seed pages, docs, previews, product cards, avatars, banners, and thumbnails.

Included formats

.
├── README.md
├── SKILL.md
├── claude-plugin/
│   ├── .claude-plugin/plugin.json
│   └── skills/images/SKILL.md
├── codex-plugin/
│   ├── .codex-plugin/plugin.json
│   └── skills/images/SKILL.md
├── .claude-plugin/marketplace.json
└── .agents/plugins/marketplace.json

License

MIT