Agent-Skills.md

Agent Skills: 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.

UncategorizedID: andrelandgraf/fullstackrecipes/og-image-generation

Repository

andrelandgraf/fullstackrecipes
andrelandgraf
81

Install this agent skill to your local

pnpm dlx add-skill https://github.com/andrelandgraf/fullstackrecipes/tree/HEAD/.agents/skills/og-image-generation

Skill Files

Browse the full folder contents for og-image-generation.

Download Skill

Loading file tree…

.agents/skills/og-image-generation/SKILL.md

Skill Metadata

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:

curl -H "Accept: text/plain" https://fullstackrecipes.com/api/recipes/og-image-generation