nextjs-og-generator

santjc

Generate Open Graph (OG) images for a Next.js project. Analyzes the existing design system and branding to infer typography, color palette, layout tone, and visual hierarchy before generating 1200x630 PNG images. Use when asked to generate OG images, create social preview images, add og:image metadata, or set up Open Graph and Twitter card tags in a Next.js application (App Router or Pages Router).