LaunchKit · 2026
Back to Skills

json-render-table

Render compact generic data tables to PNG images with json-render-cli.

0
420 downloads
by @sorphwer

Setup & Installation

openclaw skills install @sorphwer/json-render-table

Or with the ClawHub CLI, for registry-managed skill folders outside a full OpenClaw workspace:

npx clawhub install json-render-table

What This Skill Does

Converts structured row/column data into PNG table images using json-render-cli. Accepts arbitrary datasets and renders them with configurable column widths, viewport sizing, and light/dark theme modes.

Generates table PNGs programmatically from JSON without needing a spreadsheet app, browser, or manual screenshot.

When to use it

  • Exporting a JSON dataset as a table screenshot for a report
  • Sharing a formatted data table as an image in a Slack message
  • Rendering API response data as a PNG for documentation
  • Generating a comparison table image for a release email
  • Visualizing database query results as a clean table screenshot

Example Workflow

Here's how your AI assistant might use this skill in practice.

INPUT

User asks: render this list of servers and their statuses as a table image

AGENT
  1. 1Check if json-render-cli is installed; install via npm if missing
  2. 2Install Chromium via Playwright if not present
  3. 3Define column schema and map rows from the dataset
  4. 4Pass config via process substitution to json-render-cli with fullPage=true
  5. 5Tune viewport width to match column sum and render PNG to /tmp/servers.png
OUTPUT

PNG table image saved to /tmp/servers.png with compact layout and system theme