Email Marketing OG Image
メールを開かせる、プレビュー。
AIをメールマーケティングページ向けのソーシャルプレビューデザイナーに変え、鋭い1200×630のOG画像を作ります。明確な見出し、製品か受信箱のビジュアル1つ、そしてサムネイルサイズでも読める抑制されたブランドパレットを備えています。
3ステップでインストール
登録不要。CLIツールも不要です。お使いのAIを選んで、1行コピーして貼るだけです。
ご自分で入れたい場合は、スキルを購入（$4.99）し、購入完了画面からZIPをダウンロードして、上のディレクトリに展開し、AIのセッションを再起動してください。結果は同じです。すでに購入済みの場合は、AIアシスタントにダウンロードしてもらうこともできます。
パックの内容
SKILL.md（手順書）1点とスターターテンプレート1点が入っています。プレビューはこちらです：
Email Marketing OG Image
When to use
- You are publishing or relaunching an email marketing tool, template gallery, or newsletter platform and the link preview currently shows a blank page or a cropped logo
- A blog post, landing page, or pricing page about email campaigns gets shared on social feeds and the preview looks generic next to competitors
- Your newsletter signup page needs a preview image that says what the product does in one glance — send, automate, measure — without cramming in a feature list
- You are running a launch or a seasonal campaign and want one consistent preview image across the homepage, blog, and docs
- An existing OG image is blurry, has tiny text that disappears at thumbnail size, or uses colors that clash with the brand
Workflow
- Lock the one message (input: page purpose + audience → output: single headline of ≤6 words)
Read the page and pick the single thing a stranger should understand from the preview: what the product does and for whom. Write it in six words or fewer — "Emails that get opened." beats "A powerful all-in-one email marketing automation platform for growing businesses." If you cannot cut it to six words, the page itself is trying to say too much, and the image will too. - Pick the visual anchor (input: headline → output: one hero visual concept)
Choose exactly one anchor: a stylized inbox mockup with a single highlighted email, a simple automation flow of three connected nodes, or a bold typographic lockup with one accent shape. One anchor, generous negative space around it. Two anchors fight each other at thumbnail size and the preview reads as noise. - Set the layout grid (input: headline + anchor → output: 1200×630 composition plan)
Lay out on a 1200×630 canvas with a safe zone: keep headline, logo, and the anchor's key detail inside the central ~1000×500 area so nothing gets cropped by feed overlays. Put the headline large on the left or top, the anchor visual on the opposite side, and the brand mark small in one corner. Left-aligned headline, right-side visual is the reliable default; center-stacked works only when the headline is three words or fewer. - Apply the palette and type (input: composition plan + brand colors → output: finished visual spec)
Use at most three colors: background, ink, and one accent. Keep contrast high — dark ink on a light background or light type on a deep background — and set the headline in one bold weight at a size that stays legible when the image is shown at 240 pixels wide. No gradients behind text, no stock-photo backgrounds, no more than one typeface family. - Export and verify (input: finished visual → output: 1200×630 JPG/PNG + preview check)
Export at exactly 1200×630, under ~300 KB if JPG. Then check it three ways: shrunk to thumbnail size in a mock feed, pasted into a link-preview debugger, and viewed on a phone. If any word is unreadable or the anchor is unrecognizable at thumbnail size, go back to step 3 and simplify — do not shrink the type to fit more words in.
テンプレートのプレビュー
Email Marketing OG Image — Brief Template
Fill this in before designing. One message, one visual — the image earns the click, the page does the rest.
Page
Page URL / title: {url} — {page title} Audience: {who will see this preview} Page's one job: {what should the visitor do after clicking}
Message
Headline (≤6 words): {headline} Why this headline: {what a stranger learns from it} Page title alignment: {same as / aligned with / deliberately different from} page title — reason: {…}
Visual anchor (pick ONE)
[ ] Stylized inbox mockup with one highlighted email [ ] Three-node automation flow (Trigger → Email → Result)
スキルパック本体（SKILL.md とテンプレート）は英語で書かれています。
