Render JSON-based specs into SVG and PNG images.
npx skills add https://github.com/vercel-labs/json-render --skill image-vercel-labs
Please help me install this Agent Skill. Skill: image Source: https://github.com/vercel-labs/json-render/tree/main/skills/image Command: npx skills add https://github.com/vercel-labs/json-render --skill image-vercel-labs
Converts JSON specs produced by json-render into ready-to-use SVG and PNG images, enabling design previews, social cards, and OG graphics without manual image creation.
Provide a Spec and call renderToPng to generate a PNG image.
High-intent search queries and answers about installing and using this skill.
To convert JSON specs into PNG images, you can use the renderToPng function to process your structured data and generate ready-to-use graphics for marketing and dashboards.
Rendering SVG from JSON specs works by passing structured UI definitions to the renderToSvg function, which uses Satori for font and layout processing to output scalable vector graphics.
Yes, you can use custom components when generating OG images from JSON. The rendering engine supports standard frame and text components while allowing extensions with your own custom definitions.
The best way to automate social card generation for web apps is converting JSON-based UI specs directly into image files, eliminating manual image creation and streamlining marketing workflows.
Yes, Satori handles font and layout rendering for JSON to image conversion, ensuring accurate text positioning and typography when generating SVG and PNG outputs from structured specifications.
xztxyRender JSON image specs into SVG and PNG files using Satori-based tools.
NimaChuConvert prompts into deterministic SVG assets and export PNG locally.
NagyViktConvert JSX-based HTML and CSS into SVG or PNG images for Open Graph metadata.
pch007Render SVG and PNG images from JSON render specs using Satori.
