Social Platform OG Image

ほんの一瞬でクリックを勝ち取る、シェアプレビュー。

AIをソーシャルプレビューデザイナーに変え、あらゆるページ向けに1200×630のシェア画像を作ります。大胆なモチーフ1つ、短い約束1つ、サムネイルサイズでも読める文字を備えています。

こんな方におすすめ

共有リンクのプレビューが今は空白の箱や切り抜きスクリーンショットになっている方

所要時間

初稿まで~15分

レベル

初心者向け

3ステップでインストール

登録不要。CLIツールも不要です。お使いのAIを選んで、1行コピーして貼るだけです。

Pro — 全511件のスキル

ご自分で入れたい場合は、スキルを購入（$4.99）し、購入完了画面からZIPをダウンロードして、上のディレクトリに展開し、AIのセッションを再起動してください。結果は同じです。すでに購入済みの場合は、AIアシスタントにダウンロードしてもらうこともできます。

パックの内容

SKILL.md（手順書）1点とスターターテンプレート1点が入っています。プレビューはこちらです：

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.
Build to spec (input: type layout + motif → output: a finished 1200×630 image)
Produce the image at exactly 1200×630 pixels, exported as a JPEG or PNG under 1 MB so it loads fast in crawlers. Use flat colors and crisp vector shapes rather than photographic detail — fine textures and thin lines turn to mush at thumbnail size. Check contrast between text and background: dark text on a light field or light text on a dark field, never mid-tone on mid-tone. Export once at full size and once at 240 pixels wide to verify the thumbnail read.
Verify the preview (input: finished image → output: a confirmed working preview)
Wire the image into the page's social meta tags (the Open Graph image tag and its width/height companions) and check it with the platform's own link debugger or by pasting the link into a fresh post draft. Confirm three things: the image actually appears (not a cached old one), it is not cropped into unreadability, and the title and description beside it match the image's message. If a stale preview persists, it is usually a cache — re-scrape the URL through the debugger rather than rebuilding the image.