·json-render-image
</>

json-render-image

Bildrenderer für JSON-Render, der JSON-Spezifikationen über Satori in SVG- und PNG-Bilder umwandelt. Verwenden Sie es, wenn Sie mit @json-render/image arbeiten, OG-Bilder aus JSON generieren, soziale Karten erstellen oder KI-generierte Bildspezifikationen rendern.

37Installationen·0Trend·@vercel-labs

Installation

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

So installieren Sie json-render-image

Installieren Sie den KI-Skill json-render-image schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/vercel-labs/json-render --skill json-render-image
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

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

Bildrenderer für JSON-Render, der JSON-Spezifikationen über Satori in SVG- und PNG-Bilder umwandelt. Verwenden Sie es, wenn Sie mit @json-render/image arbeiten, OG-Bilder aus JSON generieren, soziale Karten erstellen oder KI-generierte Bildspezifikationen rendern. Quelle: vercel-labs/json-render.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/vercel-labs/json-render --skill json-render-image
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-03-01
Aktualisiert
2026-03-10

Browse more skills from vercel-labs/json-render

Schnelle Antworten

Was ist json-render-image?

Bildrenderer für JSON-Render, der JSON-Spezifikationen über Satori in SVG- und PNG-Bilder umwandelt. Verwenden Sie es, wenn Sie mit @json-render/image arbeiten, OG-Bilder aus JSON generieren, soziale Karten erstellen oder KI-generierte Bildspezifikationen rendern. Quelle: vercel-labs/json-render.

Wie installiere ich json-render-image?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/vercel-labs/json-render --skill json-render-image Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

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