Image

Turns JSON specifications into SVG and PNG images using Satori under the hood. You'd reach for this when building OG image generators, social card systems, or anything that needs programmatic image creation from structured data. Ships with standard components like Frame, Box, Row, Column, and text elements that handle the common layout patterns. The catalog system is designed to work with AI prompts, which makes sense if you're having Claude generate image specs on the fly. Clean separation between server-side definitions and rendering logic through sub-path exports. If you're tired of wrestling with HTML-to-image converters or need deterministic visual output from JSON, this gives you a typed, component-based approach that actually composes well.

Install to Claude Code

npx -y skills add vercel-labs/json-render --skill image --agent claude-code