Agent skill

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.

View SKILL.md on GitHub Repository
Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/og-image-generation

SKILL.md

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

Didn't find tool you were looking for?

Be as detailed as possible for better results