skills.rest
iterationlayer
iterationlayerOFFICIAL
Explore all skills by this author →
WebsiteGitHub

generate-social-card

Generate 1200x630 Open Graph images from article metadata with configurable layers.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generating branded Open Graph images for social sharing from article metadata to ensure consistent previews across platforms.

Core Features & Use Cases

  • Open Graph image generation with dynamic title, description, and site name.
  • Multi-language support and font customization.
  • Use cases include blog posts, product pages, and marketing landing pages.

Quick Start

Provide a blog post title, description, and site name to generate the social card.

Frequently Asked Questions about generate-social-card

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

FAQPage Schema
How do I generate Open Graph images for social sharing from article metadata?▼

To generate Open Graph images for social sharing, provide your blog post title, description, and site name to produce a branded 1200x630 PNG preview with configurable text layers.

Can I create branded social cards with custom fonts and multi-language text?▼

Yes, you can create branded social cards with multi-language support and font customization to ensure uniform previews across different regional audiences and branding guidelines.

What is the standard size for an Open Graph image output for marketing landing pages?▼

The standard size for an Open Graph image output is a 1200x630 PNG, which ensures consistent and properly scaled branded previews across social media platforms.

Does this social card generation approach support configurable layers for title and description?▼

Yes, this social card generation approach supports configurable layers for the title, description, and site branding, allowing uniform visual previews across multiple blog posts.

What's the best way to automate uniform social previews across multiple blog posts?▼

The best way to automate uniform social previews is to dynamically pass article metadata like title and description to generate consistent 1200x630 PNG Open Graph images.

Do I need any dependencies to generate dynamic Open Graph images for product pages?▼

No external dependencies are required to generate dynamic Open Graph images for product pages, as the skill directly outputs branded 1200x630 PNG files from text metadata.

Related Skills

Explore More Design & Creative Skills→
NotysotyNotysoty
9

SEO Metadata Generator

Generate SEO metadata including title, meta description, Open Graph, Twitter Card, and JSON-LD.

Community
Intermediate
dirnbauerdirnbauer
33

og-image

Generate Open Graph images and configure social meta tags for web frameworks.

Community
Intermediate
AnglesiteAnglesite
2

repurpose

Generate platform-specific social media posts from blog post content.

Official
Intermediate
andrelandgrafandrelandgraf
20

og-image-generation

Generate dynamic social preview images with Next.js and next/og.

Community
Intermediate