generate-og-image

Generate branded Open Graph images from layered canvas, logo, and text specifications.

2|Updated Mar 14, 2026
One-click install
npx skills add https://github.com/iterationlayer/skills --skill generate-og-image
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: generate-og-image
Source: https://github.com/iterationlayer/skills/tree/main/skills/generate-og-image
Command: npx skills add https://github.com/iterationlayer/skills --skill generate-og-image

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating consistent, branded Open Graph images for pages without manual design effort, saving time and ensuring brand consistency.

Core Features & Use Cases

  • Configurable canvas with a decorative background, logo, and text layers for brand name and tagline.
  • Reusable templates for blog posts, product pages, events, and campaigns to ensure cohesive social previews.
  • Use Case: Produce a consistent OG image for every article in a publication or product page across a website.

Quick Start

Generate an OG image for a page using the brand colors, logo, and tagline.

Frequently Asked Questions about generate-og-image

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate branded Open Graph images for multiple webpages?▼

You can generate branded Open Graph images by composing simple layers like a solid canvas, background image, logo, and tagline into a reusable template. This ensures consistent social previews across marketing and product pages without manual design effort.

What is an Open Graph image and when do I need a consistent social preview?▼

An Open Graph image is the visual preview displayed when a webpage link is shared on social media platforms. You need consistent social previews for brand identity across blog posts, product pages, events, and campaigns to ensure cohesive visual messaging.

Do I need an Iteration Layer API key to generate OG images?▼

Yes, an Iteration Layer API key is required to generate OG images. The process supports standard image generation parameters including custom dimensions and output formats, utilizing a layered specification to render the final visual.

Can I use a background image and logo to create a social media preview template?▼

Yes, you can configure a decorative background image layer and add your logo, brand name, and tagline layers on a solid canvas. This configurable template approach enables reusable social previews for events and campaigns.

What's the best way to automate OG image creation for an entire publication?▼

Automate OG image creation for a publication by applying a layered specification template with your brand colors, logo, and tagline variables. This method produces a consistent OG image for every article across your website.

What limitations exist when composing image layers for Open Graph previews?▼

Layered composition for Open Graph previews currently supports simple layers like a solid canvas, background image, logo, brand name, and tagline. It focuses on standardized brand consistency rather than complex design manipulations.