概要
このスキルは、以前 scripts/og/ に格納されていたOG画像生成パイプライン全体をカプセル化したものです。Antigravity CLIやその他の自動化から呼び出せる再利用可能なコマンドを提供します。
ファイル
template-a.html– ロゴを左上に配置したレイアウト。template-b.html– ロゴを中央に配置したレイアウト。generate-og.sh– ヘッドレスChromeで両方のテンプレートをレンダリングし、1200×630pxのPNGと300pxのプレビュー画像を作成し、寸法を検証するシェルスクリプト。
使用方法
agy run og-generator generate
このスキルは、結果のPNGを scripts/tmp/og/（従来通り）に配置し、オプションで選択したバリアントを public/og-image.png にコピーします。
デザイン準拠
- 読み取り専用のリソースフォルダを参照する
@font-faceを介してSoraフォントを使用。 - ロゴ幅240pxは
DESIGN.mdのクリアスペースルールに従います。 - 見出し84px、ドメイン28px – 視覚的な強調要件を満たします。
- 色とコントラストは
DESIGN.md（Ivory on Harbour Navy、14.73:1）に対して検証されています。
拡張性
VARIANT=A または VARIANT=B を指定してスクリプトを実行すると特定のレイアウトを生成できます。また、このスキル内のテンプレートを将来的なブランディング更新用に変更することもできます。