og-image-generator
✓ソーシャル メディア共有用の Open Graph メタ イメージを生成および最適化します。 Vercel の @vercel/og ライブラリ、事前生成されたイメージ ストレージ、ソーシャル メディアの最適化 (Twitter カード、Facebook、LinkedIn) をサポートする動的 OG 画像生成を必要とする Web アプリケーションを構築する場合は、このスキルを使用します。動的ルート、パフォーマンスの最適化を処理し、クローラの互換性とテストのベスト プラクティスを含みます。
SKILL.md
Generate high-performance Open Graph images for social media sharing with support for dynamic generation and pre-generated storage patterns.
Test Visit: https://cards-dev.twitter.com/validator and paste your URL.
For user-generated content or high-traffic pages, pre-generate images when content is created to ensure instant crawler responses.
ソーシャル メディア共有用の Open Graph メタ イメージを生成および最適化します。 Vercel の @vercel/og ライブラリ、事前生成されたイメージ ストレージ、ソーシャル メディアの最適化 (Twitter カード、Facebook、LinkedIn) をサポートする動的 OG 画像生成を必要とする Web アプリケーションを構築する場合は、このスキルを使用します。動的ルート、パフォーマンスの最適化を処理し、クローラの互換性とテストのベスト プラクティスを含みます。 ソース: juanpiriv/x-og-image-generator。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/juanpiriv/x-og-image-generator --skill og-image-generator- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
og-image-generator とは？
ソーシャル メディア共有用の Open Graph メタ イメージを生成および最適化します。 Vercel の @vercel/og ライブラリ、事前生成されたイメージ ストレージ、ソーシャル メディアの最適化 (Twitter カード、Facebook、LinkedIn) をサポートする動的 OG 画像生成を必要とする Web アプリケーションを構築する場合は、このスキルを使用します。動的ルート、パフォーマンスの最適化を処理し、クローラの互換性とテストのベスト プラクティスを含みます。 ソース: juanpiriv/x-og-image-generator。
og-image-generator のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/juanpiriv/x-og-image-generator --skill og-image-generator インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/juanpiriv/x-og-image-generator
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01