Social Platform OG Image
A share preview that earns the click in a fraction of a second.
Turns your AI into a social-preview designer — builds a 1200×630 share image for any page: one bold motif, one short promise, and type that stays readable at thumbnail size.
Install it in 3 steps
No sign-up. No CLI tools. Pick your AI, copy one line, paste it over.
Prefer doing it yourself? Buy the skill ($4.99), download the ZIP from your checkout confirmation, unzip it into the directory shown above, restart your AI session — same result. Already bought it? Your AI assistant can download it for you.
What’s inside
One SKILL.md (the playbook) + one starter template. A preview:
Social Platform OG Image
When to use
- A page's link preview on social platforms currently shows a blank box, a cropped screenshot, or an auto-generated thumbnail
- You are launching a product, article, or event and want the shared link to look deliberate instead of accidental
- A homepage, pricing page, or docs page gets shared often and the preview does not say what the page is
- Your site has many pages and you need one repeatable preview format that works across all of them
- You are redesigning a brand and the social previews still show the old look
Workflow
- Decide the one message (input: the page → output: a one-line message)
A preview image gets a fraction of a second at thumbnail size, so it carries exactly one message: the page's core promise in eight words or fewer. Read the page, then write the sentence a friend would use to describe it: "A waitlist app for launch teams," not "Welcome to our homepage." If the page has no single promise — a sprawling dashboard, a sitemap — the preview should carry the brand promise instead. One message, eight words, no exceptions. - Pick the motif (input: the one-line message → output: a single visual motif)
Choose one visual idea that carries the message without words: a single product mark, one oversized icon, one abstract shape, one cropped product shot. The motif occupies roughly a third to a half of the canvas and sits on a flat, high-contrast background. Resist the collage instinct — three screenshots, four icons, and a photo do not compress into a thumbnail; they compress into noise. The test is simple: at the size of a postage stamp, can a stranger still tell what the image is about? - Set the type (input: message + motif → output: the type layout)
Set the message in one large, bold typeface at a size that stays legible when the image is shown 240 pixels wide — in practice, that means very few words at very large sizes, with generous line spacing. Put a small brand mark or site name in one corner, small enough to read but never competing with the message. Keep all text inside a safe margin (at least 60 pixels from every edge at 1200×630) because platforms crop previews differently. Never put essential text in the bottom strip — several platforms overlay play buttons or domain labels there.
Template preview
Social Platform OG Image — Design Template
One image, one message, readable at thumbnail size.
Page being previewed
URL: {page URL} Page's core promise (in one sentence): {what the page offers}
Message (≤8 words)
Preview message: {the one line that appears on the image}
Why this line: {what it promises the reader}
Motif (one visual idea)
Motif: {single mark / icon / shape / cropped product shot}
Background: {flat color — high contrast with the type}
Composition: {motif placement: e.g. "mark on the right third, type on the left two-thirds"}
Type
Typeface: {one bold typeface}
Message size: {large — legible at 240 px wide}
