Generate dynamic social preview images using Next.js file conventions and the next/og library. Server-rendered JSX images cached at build time.
og-image-generation follows the SKILL.md standard. Use the install command to add it to your agent stack.
--- name: og-image-generation description: Generate dynamic social preview images using Next.js file conventions and the next/og library. Server-rendered JSX images cached at build time. --- # OG Image Generation To set up OG Image Generation, refer to the fullstackrecipes MCP server resource: **Resource URI:** `recipe://fullstackrecipes.com/og-image-generation` If the MCP server is not configured, fetch the recipe directly: ```bash curl -H "Accept: text/plain" https://fullstackrecipes.com/api/recipes/og-image-generation ```