mcpField
O
og-image-generation

og-image-generation

github.com/andrelandgrafDevelopment23238 installsUpdated 20w ago
Repository

About og-image-generation

A skill for generating dynamic social preview images in Next.js using file conventions and next/og. It renders JSX images on the server and caches them at build time.

Key features

  1. 01Generates images with Next.js file conventions
  2. 02Renders JSX with next/og
  3. 03Server-renders preview images
  4. 04Caches images at build time

Use cases

  1. 01Create dynamic social previews for pages
  2. 02Render and cache preview images during builds

Install

Copy the command and run it in a terminal.

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

After installing, type/og-image-generationin Claude Code to confirm it loaded.

Details

From the project README

OG Image Generation

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

curl https://fullstackrecipes.com/recipes/og-image-generation.md

Comments

Markdown supported