·image

Moteur de rendu d'images pour json-render qui transforme les spécifications JSON en images SVG et PNG via Satori. À utiliser lorsque vous travaillez avec @json-render/image, générez des images OG à partir de JSON, créez des cartes sociales ou restituez des spécifications d'image générées par l'IA.

45Installations·12Tendance·@vercel-labs

Installation

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

Comment installer image

Installez rapidement le skill IA image dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/vercel-labs/json-render --skill image
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : 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 |

Moteur de rendu d'images pour json-render qui transforme les spécifications JSON en images SVG et PNG via Satori. À utiliser lorsque vous travaillez avec @json-render/image, générez des images OG à partir de JSON, créez des cartes sociales ou restituez des spécifications d'image générées par l'IA. Source : vercel-labs/json-render.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/vercel-labs/json-render --skill image
Catégorie
</>Développement
Vérifié
Première apparition
2026-03-08
Mis à jour
2026-03-10

Browse more skills from vercel-labs/json-render

Réponses rapides

Qu'est-ce que image ?

Moteur de rendu d'images pour json-render qui transforme les spécifications JSON en images SVG et PNG via Satori. À utiliser lorsque vous travaillez avec @json-render/image, générez des images OG à partir de JSON, créez des cartes sociales ou restituez des spécifications d'image générées par l'IA. Source : vercel-labs/json-render.

Comment installer image ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/vercel-labs/json-render --skill image Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

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