·og-image-generation
</>

og-image-generation

andrelandgraf/fullstackrecipes

Next.js ファイル規則と next/og ライブラリを使用して、動的なソーシャル プレビュー イメージを生成します。サーバーでレンダリングされた JSX イメージはビルド時にキャッシュされます。

68インストール·1トレンド·@andrelandgraf

インストール

$npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill og-image-generation

SKILL.md

Generate dynamic social preview images using Next.js file conventions and the next/og library. Server-rendered JSX images cached at build time.

Next.js ファイル規則と next/og ライブラリを使用して、動的なソーシャル プレビュー イメージを生成します。サーバーでレンダリングされた JSX イメージはビルド時にキャッシュされます。 ソース: andrelandgraf/fullstackrecipes。

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill og-image-generation インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

安全認証済み、信頼性の高いコード ワンクリックインストール、簡単設定 Claude Code、Cursor などに対応

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill og-image-generation
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

og-image-generation とは?

Next.js ファイル規則と next/og ライブラリを使用して、動的なソーシャル プレビュー イメージを生成します。サーバーでレンダリングされた JSX イメージはビルド時にキャッシュされます。 ソース: andrelandgraf/fullstackrecipes。

og-image-generation のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill og-image-generation インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/andrelandgraf/fullstackrecipes