·json-render-image
</>

json-render-image

Renderer di immagini per json-render che trasforma le specifiche JSON in immagini SVG e PNG tramite Satori. Da utilizzare quando si lavora con @json-render/image, si generano immagini OG da JSON, si creano social card o si esegue il rendering delle specifiche dell'immagine generata dall'intelligenza artificiale.

37Installazioni·0Tendenza·@vercel-labs

Installazione

$npx skills add https://github.com/vercel-labs/json-render --skill json-render-image

Come installare json-render-image

Installa rapidamente la skill AI json-render-image nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/vercel-labs/json-render --skill json-render-image
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: vercel-labs/json-render.

Image renderer that converts JSON specs into SVG and PNG images using Satori.

| Frame | Root | Root container. Defines width, height, background. Must be root. | | Box | Layout | Container with padding, margin, border, absolute positioning | | Row | Layout | Horizontal flex layout | | Column | Layout | Vertical flex layout | | Heading | Content | h1-h4 heading text | | Text | Content | Body text with full styling |

| Image | Content | Image from URL | | Divider | Decorative | Horizontal line separator | | Spacer | Decorative | Empty vertical space |

Renderer di immagini per json-render che trasforma le specifiche JSON in immagini SVG e PNG tramite Satori. Da utilizzare quando si lavora con @json-render/image, si generano immagini OG da JSON, si creano social card o si esegue il rendering delle specifiche dell'immagine generata dall'intelligenza artificiale. Fonte: vercel-labs/json-render.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/vercel-labs/json-render --skill json-render-image
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-03-01
Aggiornato
2026-03-10

Browse more skills from vercel-labs/json-render

Risposte rapide

Che cos'è json-render-image?

Renderer di immagini per json-render che trasforma le specifiche JSON in immagini SVG e PNG tramite Satori. Da utilizzare quando si lavora con @json-render/image, si generano immagini OG da JSON, si creano social card o si esegue il rendering delle specifiche dell'immagine generata dall'intelligenza artificiale. Fonte: vercel-labs/json-render.

Come installo json-render-image?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/vercel-labs/json-render --skill json-render-image Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/vercel-labs/json-render