Convert JSX-like HTML and CSS into SVG for Open Graph images.
npx skills add https://github.com/junwonp/portfolio --skill satori-junwonp
Please help me install this Agent Skill. Skill: satori Source: https://github.com/junwonp/portfolio/tree/main/.agents/skills/satori Command: npx skills add https://github.com/junwonp/portfolio --skill satori-junwonp
Converts HTML and CSS into scalable SVGs to generate dynamic OG and social images, eliminating manual SVG creation and complex tooling.
Provide a JSX-like HTML/CSS snippet to generate an SVG OG image with Satori.
High-intent search queries and answers about installing and using this skill.
Satori converts JSX-like HTML and CSS into SVG to generate dynamic Open Graph images. It outputs standalone SVGs for social thumbnails, eliminating manual SVG creation and complex tooling.
Yes, Satori integrates with Next.js app routes and edge runtimes using the Vercel OG workflow. It outputs standalone SVG for lightweight rendering in serverless or edge environments.
The best way to turn HTML into SVG for social thumbnails is using Satori to convert JSX-like markup and CSS into scalable SVGs. It provides deterministic rendering for dynamic OG images without complex tooling.
Yes, Satori supports explicit font loading for SVG generation. You must provide font data to ensure deterministic rendering when converting HTML and CSS into SVG OG images.
Satori adheres to a subset of CSS features for deterministic rendering when generating OG images. It does not support the full CSS specification, meaning some complex CSS properties may not render correctly.
NagyViktConvert JSX-based HTML and CSS into SVG or PNG images for Open Graph metadata.
vercelConvert HTML/CSS into SVG Open Graph images for Next.js edge runtimes.
modu-aiAutomate Next.js edge deployments on Vercel with ISR and preview workflows.
vercel-labsConvert HTML and CSS into SVG images with the Satori library.
