Og Image Generation

This generates Open Graph preview images for your Next.js app using the next/og library, which lets you write JSX that renders to images at the edge. You'd reach for this when you need those social media cards (Twitter, LinkedIn, Facebook) but don't want to mess with Puppeteer or external image services. The images get cached at build time, so there's no performance hit. It's a solid approach if you're already in the Next.js ecosystem and want dynamic previews without adding another dependency or service to your stack.

Install to Claude Code

npx -y skills add andrelandgraf/fullstackrecipes --skill og-image-generation --agent claude-code

Installs to .claude/skills