·image

Renderizador de imágenes para json-render que convierte especificaciones JSON en imágenes SVG y PNG a través de Satori. Úselo cuando trabaje con @json-render/image, genere imágenes OG a partir de JSON, cree tarjetas sociales o renderice especificaciones de imágenes generadas por IA.

45Instalaciones·12Tendencia·@vercel-labs

Instalación

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

Cómo instalar image

Instala rápidamente el skill de IA image en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/vercel-labs/json-render --skill image
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: vercel-labs/json-render.

SKILL.md

Ver original

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 |

Renderizador de imágenes para json-render que convierte especificaciones JSON en imágenes SVG y PNG a través de Satori. Úselo cuando trabaje con @json-render/image, genere imágenes OG a partir de JSON, cree tarjetas sociales o renderice especificaciones de imágenes generadas por IA. Fuente: vercel-labs/json-render.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/vercel-labs/json-render --skill image
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-03-08
Actualizado
2026-03-10

Browse more skills from vercel-labs/json-render

Respuestas rápidas

¿Qué es image?

Renderizador de imágenes para json-render que convierte especificaciones JSON en imágenes SVG y PNG a través de Satori. Úselo cuando trabaje con @json-render/image, genere imágenes OG a partir de JSON, cree tarjetas sociales o renderice especificaciones de imágenes generadas por IA. Fuente: vercel-labs/json-render.

¿Cómo instalo image?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/vercel-labs/json-render --skill image Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

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