Convert HTML/CSS into SVG Open Graph images for Next.js edge runtimes.
npx skills add https://github.com/vercel/vercel-plugin --skill satori-vercel
Please help me install this Agent Skill. Skill: satori Source: https://github.com/vercel/vercel-plugin/tree/main/skills/satori Command: npx skills add https://github.com/vercel/vercel-plugin --skill satori-vercel
Converts HTML and CSS into SVG Open Graph images to automate OG image creation for social previews.
Install satori and @vercel/og and configure an OG route to render an SVG image.
High-intent search queries and answers about installing and using this skill.
Satori integrates with Next.js edge runtimes to convert JSX-like HTML and CSS into SVG Open Graph images, enabling dynamic social previews for blogs, docs, and product pages.
The best way to convert HTML and CSS to SVG for social previews is using Satori, which transforms JSX-like markup into scalable SVG Open Graph images suitable for marketing pages and product launches.
Yes, Satori works with edge runtime environments to produce OG images. It integrates with Next.js and @vercel/og to configure an OG route that renders SVG output efficiently.
Yes, you need to install Satori and @vercel/og to automate OG image generation in Next.js. Together they provide the rendering workflow required to configure an OG route and output SVG images.
Satori supports a subset of standard CSS properties when converting JSX-like HTML to SVG. It is designed specifically for Open Graph image generation rather than full general-purpose HTML rendering.
junwonpConvert JSX-like HTML and CSS into SVG for Open Graph images.
noontide-coRender inline SVG to 1200x630 PNG for Open Graph meta tags.
NagyViktConvert JSX-based HTML and CSS into SVG or PNG images for Open Graph metadata.
VYRE-StudiosGenerate HTML/CSS visual designs and render them to PNG or PDF.
