clanker.net
DESIGN inf-sh/skills

og-image-design

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

DESIGN
USE THIS SKILL

DOWNLOAD THE APP TO INSTALL AND USE /og-image-design ON YOUR DEVICE

Scan to open on your device
QR code for og-image-design Opens skill content in Expo Go
COMMAND
/og-image-design
CATEGORY
Design
REPOSITORY
inf-sh/skills
COMMIT

SKILL PROMPT

--- name: og-image-design description: "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" allowed-tools: Bash(infsh *) --- # OG Image Design Create social sharing images (Open Graph) via [inference.sh](https://inference.sh) CLI. ## Quick Start > Requires inference.sh CLI (`infsh`). Get installation instructions: `npx skills add inference-sh/skills@agent-tools` ```bash infsh login # Generate an OG image with HTML-to-image infsh 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>" }' ``` ## Platform Specifications | Platform | Dimensions | Aspect Ratio | File Size | Format | |----------|-----------|--------------|-----------|--------| | **Facebook** | 1200 x 630 px | 1.91:1 | < 8 MB | JPG, PNG | | **Twitter/X (summary_large_image)** | 1200 x 628 px | 1.91:1 | < 5 MB | JPG, PNG, WEBP, GIF | | **Twitter/X (summary)** | 800 x 418 px | 1.91:1 | < 5 MB | JPG, PNG | | **LinkedIn** | 1200 x 627 px | 1.91:1 | < 5 MB | JPG, PNG | | **Discord** | 1200 x 630 px | 1.91:1 | < 8 MB | JPG, PNG | | **Slack** | 1200 x 630 px | 1.91:1 | — | JPG, PNG | | **iMessage** | 1200 x 630 px | 1.91:1 | — | JPG, PNG | **Universal safe bet: 1200 x 630 px, PNG or JPG, under 5 MB.** ## The Golden Layout ``` ┌─────────────────────────── [... prompt truncated for preview ...]