Skills

og-image-design

Installation
Summary

Design and generate Open Graph images optimized for social platform sharing with platform-specific dimensions and text placement.

  • Covers seven major platforms (Facebook, Twitter/X, LinkedIn, Discord, Slack, iMessage) with standardized 1200 x 630 px dimensions and safe zone padding rules
  • Includes pre-built HTML templates for blog posts, product launches, and tutorials, executable via the infsh html-to-image command
  • Provides design guidelines for typography (48–64px titles, 20–28px subtitles), contrast ratios, color strategies, and safe edge zones to prevent text cropping
  • References OG meta tag syntax and Twitter Card configuration, plus testing tools (Facebook Debugger, Twitter Card Validator, LinkedIn Post Inspector) for validation
SKILL.md

Install the belt CLI skill: npx skills add belt-sh/cli

OG Image Design

Create social sharing images (Open Graph) via inference.sh CLI.

Quick Start

Requires inference.sh CLI (belt). Install instructions

belt login

# Generate an OG image with HTML-to-image
belt app run infsh/html-to-image --input '{
  "html": "<div style=\"width:1200px;height:630px;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;padding:60px;font-family:system-ui;color:white\"><div><h1 style=\"font-size:56px;margin:0;line-height:1.2\">How We Reduced Build Times by 80%</h1><p style=\"font-size:24px;opacity:0.8;margin-top:20px\">engineering.yourcompany.com</p></div></div>"
}'
Related skills

More from inferen-sh/skills

Installs
–
Repository
inferen-sh/skills
GitHub Stars
500
First Seen
–
og-image-design — inferen-sh/skills