ブログ記事用の OG / ソーシャルカード画像を生成する
使うタイミング: 記事を書き終えたばかりで、公開前に 1200×630 のソーシャルカードが必要なとき。
前提条件
- EverArt API キー — everart.ai → アカウント → API keys で取得。EVERART_API_KEY として設定してください。
フロー
-
記事からプロンプトを下書きする私の記事タイトルは 'How we cut p99 latency in half' です。この内容を視覚的に表現する画像プロンプトを3つ提案してください — 抽象的に、テック・エディトリアル風で。✓ コピーしました→ 3つの異なるプロンプト候補
-
バリエーションを生成する選んだプロンプトで EverArt を使い image_count=3 で生成してください。よりクリーンな構図のために FLUX1.1 モデルを使用してください。✓ コピーしました→ 3つの URL が返却される
-
選んで保存する#2 が良いです。filesystem MCP 経由で ./public/og/<slug>.png にダウンロードしてください。✓ コピーしました→ ファイルがローカルに保存され、デプロイ可能な状態
結果: デザインアプリを開かずに、5分で公開可能な OG カードが完成。
注意点
- 生成画像にアーティファクトがある(文字化け、指が多いなど) — 画像内にテキストを入れるプロンプトは避ける — モデルには抽象表現を任せ、タイトルは CSS/HTML でオーバーレイする
- アスペクト比が 1200×630 に合わない — モデルのデフォルト出力は 1024×1024 — 画像ツールでクロップ/リサイズするか、正方形のまま使用する