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.