image

Convert JSON image specs into SVG and PNG visuals.

Updated Dec 30, 2025
One-click install
npx skills add https://github.com/inpiniti/bitcoin-simulation --skill image-inpiniti
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: image
Source: https://github.com/inpiniti/bitcoin-simulation/tree/main/.agents/skills/image
Command: npx skills add https://github.com/inpiniti/bitcoin-simulation --skill image-inpiniti

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Converts JSON specs into SVG and PNG images using Satori, enabling automated image generation from structured data.

Core Features & Use Cases

  • Image renderer that turns JSON specs into SVG and PNG visuals using Satori.
  • Exposes utilities like renderToSvg, renderToPng, and a catalog for standard components.
  • Supports custom components and easy integration for social cards, OG images, or AI-prompts.
  • Use cases include generating visuals from design specs, previews of UI components, and automated image generation from data.

Quick Start

Render a PNG from a JSON spec using renderToPng with a basic Spec.

Frequently Asked Questions about image

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I render JSON specs to SVG or PNG images for social cards?

To render JSON specs to SVG or PNG images, use a Satori-based renderer to convert structured JSON data into visuals. It enables automated image generation for social cards and OG images from dynamic input.

How does Satori generate images from JSON descriptions?

Satori generates images from JSON descriptions by interpreting the structured data as layout and styling instructions. The renderer then converts these specs directly into SVG and PNG visual outputs without manual design work.

Can I use custom components when rendering images from JSON specs?

You can use custom components when rendering images from JSON specs. The renderer supports standard components and allows custom component integration to generate tailored visual outputs.

What is the best way to automate OG image generation from dynamic data?

Automate OG image generation by passing dynamic JSON specs to a Satori-based renderer that outputs SVG or PNG files. This converts structured data into visual assets automatically without manual design.

Does this JSON image renderer support exporting to both SVG and PNG paths?

This JSON image renderer supports exporting to both SVG and PNG paths. It exposes specific utilities like renderToSvg and renderToPng to handle the respective file format exports.