Generate branded Open Graph and Twitter share images with next/og ImageResponse in Next.js routes.
npx skills add https://github.com/richtabor/agent-skills --skill og-images
Please help me install this Agent Skill. Skill: og-images Source: https://github.com/richtabor/agent-skills/tree/main/skills/og-images Command: npx skills add https://github.com/richtabor/agent-skills --skill og-images
Generate dynamic OpenGraph (1200x630) and Twitter (1200x600) share images using next/og ImageResponse, enabling consistent social previews across pages and posts without manual design work.
Add a Next.js route using next/og ImageResponse to render dynamic social preview images.
High-intent search queries and answers about installing and using this skill.
Generate dynamic OpenGraph images in Next.js using the next/og ImageResponse API. It renders 1200x630 share images dynamically for your pages and posts without manual design work.
Create Twitter card images for Next.js by using next/og ImageResponse to render 1200x600 social previews. You can implement a file-based route or a dynamic API route to serve these images.
You can use custom fonts with next/og ImageResponse by following Satori layout rules. This allows you to include typography and brand assets to maintain a cohesive look across social previews.
Reference dynamic OpenGraph images in Next.js by implementing a file-based route or API route, then linking it within the generateMetadata() function to apply the generated social preview to your pages.
The next/og ImageResponse supports generating share images for documentation and landing pages. It applies consistent OpenGraph and Twitter social previews across various page types in your Next.js application.
Satori layout rules are constraints required by next/og ImageResponse to render HTML and CSS into images. Following these rules ensures your custom fonts, avatars, and assets display correctly on generated social previews.
DicklesworthstoneGenerate OpenGraph and Twitter share images with next/og ImageResponse.
diShine-digital-agencyAudit a web page for SEO-critical meta tags and report fixes.
memoirlabsConvert JSON layout specs into SVG and PNG images via Satori.
sgcarstrendsGenerate dynamic OpenGraph images with Next.js ImageResponse and custom fonts.
