skills.rest
thatrebeccarae
thatrebeccaraeCOMMUNITY
Explore all skills by this author →
Website𝕏@rebeccaraeGitHub

social-preview

Generate branded Open Graph previews for GitHub repositories from repo metadata.

97|18|Updated Feb 9, 2026
Search Tags:#automation#branding#marketing#github#og-image#social-preview
One-click install
npx skills add https://github.com/thatrebeccarae/claude-marketing --skill social-preview
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: social-preview
Source: https://github.com/thatrebeccarae/claude-marketing/tree/main/skills/social-preview
Command: npx skills add https://github.com/thatrebeccarae/claude-marketing --skill social-preview

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill automates the creation of branded Open Graph social previews for GitHub repositories, reducing manual design effort and ensuring consistent social presence.

Core Features & Use Cases

  • Automatic generation of 1280x640 OG images from repository context and branding assets.
  • Support for dark and light templates with easy branding customization.
  • Useful for new repos, branding refreshes, and marketing launches across Twitter, LinkedIn, and Slack.

Quick Start

Run /social-preview generate [repo-path] to create the 1280x640 social preview for the repository.

Frequently Asked Questions about social-preview

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

FAQPage Schema
How do I create branded Open Graph social previews for my GitHub repositories?▼

You can generate branded Open Graph social previews by analyzing repository metadata and optional branding assets to automatically produce 1280x640 HTML and PNG files ready for GitHub Settings.

What size should GitHub repository social preview images be for Twitter and LinkedIn?▼

GitHub repository social preview images should be 1280x640 pixels to display correctly across Twitter, LinkedIn, and Slack. This OG image dimension ensures consistent social presence for marketing campaigns.

Do I need local repository context to generate an OG image for a GitHub repo?▼

Yes, generating the OG image requires local repository context. The skill analyzes this repository metadata along with any optional logos or branding assets provided to apply dark and light template customizations.

Can I customize dark and light templates for my GitHub repo social preview?▼

Yes, you can customize dark and light templates for your GitHub repo social preview. The generation process supports branding customization by incorporating optional logos and assets into the 1280x640 image output.

What's the best way to automate social preview creation for new GitHub repositories?▼

The best way to automate social preview creation for new GitHub repositories is using a generation tool that reads repo metadata and outputs both HTML and PNG files, reducing manual design effort during branding refreshes and marketing launches.

Related Skills

Explore More Marketing & Sales Skills→
majiayu000majiayu000
258

web-asset-generator

Generate favicons, app icons, and Open Graph images from logos or text.

Community
Intermediate
mickpletchermickpletcher
14

github-social-preview

Generate 1280x640 GitHub social preview JPEGs from repository URLs.

Community
Intermediate
SheshiyerSheshiyer
4

og-image-design

Generate Open Graph images with platform-specific dimensions and branding.

Community
Advanced
sgcarstrendssgcarstrends
21

opengraph-images

Generate dynamic OpenGraph images with Next.js ImageResponse and custom fonts.

Official
Intermediate