コンテンツクリエイター向け
AI エージェント向け OG 画像ジェネレーター Skills
Skill をインストールし、エージェントにページタイトルと短い見出しを渡すと、49 種類のスタイルからひとつを使ったシェア画像ができあがります。公開するたびに同じ見た目で揃います。
対応エージェント
ほか 30 以上のエージェント
ほか 30 以上のエージェントスタイル別 OG 画像の例
各カードは Skill が実際に作った画像です。開くと、セット全体、入力内容、実行に必要なものを確認できます。
要点
Open Graph 画像とは？
Open Graph（OG）画像とは、リンクが X、LinkedIn、Slack、iMessage でシェアされたときに表示される画像です。ページの og:image メタタグで指定します。指定がないと、リンクだけが表示されたり、適当に切り抜かれた画像が出たりします。
ポスト
Skillry@skillrydev · 2h
新しいガイド：シェアするすべてのページにきちんとしたリンクプレビューを。 skillry.dev/learn
Practical skills, ready when you areskillry.dev から
この画像が OG 画像です124832618K
Dana Ortiz@danaships · 1h
@skillrydev 次は自分のブログでもやります。このプレビューを見て思わずスクロールを止めました。
19640
<meta property="og:image">- 推奨サイズ
- 1200 × 630 px（1.91:1）
- これらの Skills の出力
- 1 回の実行で 16:9 画像 1 枚（例：1200 × 675）
- 1.91:1 のプレビューに対応？
- はい。上下が少し切り取られます
- 用意するもの
- ブランド名またはプロジェクト名、短い見出し、ページの文脈
- 画像内のテキスト
- 短い見出し 1 つのみ。長いコピーには対応していません
- 実行コスト
- あなた自身の FAL アカウントでの有料画像生成
タイトルから SNS シェア画像を生成
Claude Code、Codex、または SKILL.md を読み込める任意のエージェントで 3 ステップ。
1Skill をインストール
Skill ページのインストールプロンプトをコピーして、エージェントに貼り付けてください。
2タイトルを渡す
ページ名を伝え、短い見出しを 1 つ書き、誰に向けたものかを説明してください。
3確認して公開
画像を確認し、サムネイルサイズでも見出しが読めることを確かめてから、
og:imageに設定します。
AI に OG 画像を直接頼めばいいのでは？
直接頼んでも結果は得られます。Skill は、その結果を信頼でき、繰り返し再現できるものにする要素を加えます。
AI に直接頼むこの Skill なら
出発点AI に直接頼む: 毎回ゼロからスタイルを説明するひとつのスタイルに固定したビジュアルレシピ。初回からすぐ使えます
見出しAI に直接頼む: テキストが崩れたり長すぎたりしがち決まったレイアウトと階層を持つ短い見出し 1 つ
一貫性AI に直接頼む: ページごとに少しずつ見た目が変わる公開するすべてのページで同じスタイル
納品AI に直接頼む: チャットで作る使い捨ての画像保存された画像ファイルと再実行できるプロンプト
OG 画像ジェネレーターの FAQ
これらの Skills ができないこと
- 既存の
og:imageタグのチェックやテストは行いません。 - サイトへのメタタグの書き込みは代行しません。
- 画像内に長いテキストや複雑なチャートを入れる用途には向いていません。
OG 画像のサイズはどれくらいが良いですか？
最も幅広く対応するには 1200 × 630 px（1.91:1）を使いましょう。これらの Skills は 16:9 の画像を出力し、多くのプラットフォームでは上下が少し切り取られて表示されるので、見出しは端から離して配置してください。
無料の OG 画像 Skill はありますか？
はい。Notion Style と Linktree Style の OG Skills は無料でインストールできます。有料のものと同様に、あなた自身の FAL アカウントで画像生成を呼び出し、FAL から課金されます。
ロゴを追加できますか？
エージェントにブランド名またはプロジェクト名を伝え、ロゴの配置を説明してください。正確なロゴファイルを使う場合は、完成画像に編集ツールで配置してください。これらの Skills はピクセル単位で正確なロゴの描画を保証しません。
これらの Skills を実行できるエージェントは？
Claude Code、Codex、Cursor、Gemini CLI など、SKILL.md フォルダを読み込めるエージェントなら使えます。同梱の生成スクリプトには Node.js 20 以降が必要です。
コンテンツクリエイター向けのその他の用途
用途ごとに専用の Skills、実例、FAQ があります。
ブログカバー画像主張を伝えるリードイメージ
名言グラフィック1 つのアイデアに 1 枚の正方形カード
記事のイラスト記事のアイデアを 1 つ、絵にする
ワンページサイトひとつの HTML ファイルに収まった製品サイト全体