Skip to main content

OG Image Design

Skill Verified Active

Open Graph and social sharing image design with platform specs, text placement, and branding. Covers OG meta tags, Twitter cards, LinkedIn previews, and dynamic generation. Use for: social sharing images, blog thumbnails, link previews, social cards. Triggers: og image, open graph, social sharing image, twitter card, social card, link preview image, og meta, sharing preview, social thumbnail, meta image, og:image, twitter:image, linkedin preview

Purpose

To streamline the creation of visually appealing and platform-optimized social sharing images for blogs, product announcements, and other content.

Features

  • Generates Open Graph and social sharing images
  • Provides platform-specific dimensions and requirements
  • Details design rules for text, safe zones, and colors
  • Offers templates for blog posts, product announcements, and tutorials
  • Integrates with `belt` CLI for dynamic image generation

Use Cases

  • Designing social media images for blog posts and articles.
  • Creating link preview images for social media sharing.
  • Ensuring consistent branding and visual appeal across platforms.
  • Dynamically generating dynamic images for social media campaigns.

Non-Goals

  • Creating general graphic design assets outside of social sharing images.
  • Providing a full-fledged image editing suite.
  • Directly embedding images into web pages without a separate generation step.

Workflow

  1. Login to the 'belt' CLI.
  2. Use `belt app run` with the `infsh/html-to-image` tool, providing HTML content.
  3. Alternatively, use provided templates and examples for specific content types.
  4. Review generated image against platform specifications and design rules.

Practices

  • Image design
  • Social media marketing
  • Content optimization

Prerequisites

  • inference.sh CLI (`belt`) installed and logged in
  • Basic understanding of HTML/CSS for custom image generation

Scope

  • info:Description qualityThe description is accurate and provides useful information but is somewhat keyword-stuffed and could be more concise.

Installation

npx skills add inferen-sh/skills

Runs the Vercel skills CLI (skills.sh) via npx — needs Node.js locally and at least one installed skills-compatible agent (Claude Code, Cursor, Codex, …). Assumes the repo follows the agentskills.io format.

Quality Score

Verified
99 /100
Analyzed about 15 hours ago

Trust Signals

Last commitabout 19 hours ago
Stars433
LicenseMIT
Status
View Source

Similar Extensions

Content Repurposing

100

Cross-format content adaptation. Turning one substantial piece into many derivative formats (blog series, email sequences, social posts, webinars, podcasts, video shorts) without losing the original's value or producing AI-slop variants. The discipline of adaptation per medium rather than mass-blast distribution. Triggers on content repurposing, content adaptation, cross-format content, content atomization, content multiplication, content distribution across formats, source-piece-to-derivative, video shorts from blog, email from whitepaper, podcast from article, blog series from research. Also triggers when a flagship piece is shipping but the team has not planned how to extend it across formats, when repurposing is happening but the derivatives feel mass-produced, or when AI-assisted repurposing is producing slop variants of strong source pieces.

Skill
rampstackco

Generate Social Media Book Promo

100

Generate a vertical story image for TikTok or Instagram book promotion with cover art, hook text, and author branding.

Skill
iterationlayer

Competitive Ads Extractor

100

Extracts and analyzes competitors' ads from ad libraries (Facebook, LinkedIn, etc.) to understand what messaging, problems, and creative approaches are working. Helps inspire and improve your own ad campaigns.

Skill
davila7

SEO Content Writer

100

Write search-optimized content that ranks on Google using proven frameworks from Ahrefs, Moz, and Google's E-E-A-T guidelines—create helpful, people-first content that satisfies both search engines and readers. Use when: **Write blog posts** optimized for search engines; **Create pillar content** for topical authority; **Optimize existing content** for better rankings; **Write product or service pages** that rank; **Create how-to guides** and tutorials

Skill
guia-matthieu

Social Media Analyzer

100

Social media campaign analysis and performance tracking. Calculates engagement rates, ROI, and benchmarks across platforms. Use for analyzing social media performance, calculating engagement rate, measuring campaign ROI, comparing platform metrics, or benchmarking against industry standards.

Skill
alirezarezvani

Social Content

100

When the user wants help creating, scheduling, or optimizing social media content for LinkedIn, Twitter/X, Instagram, TikTok, Facebook, or other platforms. Also use when the user mentions 'LinkedIn post,' 'Twitter thread,' 'social media,' 'content calendar,' 'social scheduling,' 'engagement,' or 'viral content.' This skill covers content creation, repurposing, and platform-specific strategies.

Skill
alirezarezvani

© 2025 SkillRepo · Find the right skill, skip the noise.