Markdown Table to Image for Openclaw

A utility that converts Markdown table syntax into clear, centered, and professionally rendered PNG images.

bg1avd
v1.0.2
Mar 5, 2026
0
548
2

Install & Download

1. ClawHub CLI

The fastest way to install a skill directly from the registry.

npx clawhub@latest install markdown-table-to-image

2. Manual Installation

Copy the skill folder to one of these locations

Global
~/.openclaw/skills/
Workspace
<project>/skills/

Priority: Workspace > Local > Bundled

3. Prompt Installation

Copy this prompt to OpenClaw to install it automatically.

Help me install markdown-table-to-image using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).

Prefer to download?

Get the raw skill files in a ZIP archive.

What is Markdown Table to Image?

The Markdown Table to Image skill is a specialized tool designed to bridge the gap between text-based data and visual clarity. It allows users and agents within the Openclaw Skills ecosystem to take raw Markdown table strings and render them into high-resolution PNG files. This is essential for scenarios where text rendering might be messy, or when users require a fixed-format visual for documentation or sharing.

By leveraging Node.js and the wkhtmltoimage engine, this skill ensures that complex data structures are preserved in a clean, readable format. It features automatic centering for table cell content and is fully optimized for both English and Chinese character sets, making it a versatile addition to any developer's automation toolkit.

Markdown Table to Image Use Cases

  • When a user reports that a table is difficult to read in its raw text form.
  • Generating visual snapshots of data for reports, presentations, or social media sharing.
  • Automating the creation of data assets within Openclaw Skills workflows.
  • Standardizing the look of technical documentation by using rendered images instead of text blocks.

How Markdown Table to Image Works

  1. The skill receives a Markdown-formatted table string and an optional width parameter.
  2. It parses the Markdown content and transforms it into a structured HTML template with CSS styling for centered text.
  3. The wkhtmltoimage utility is triggered to render the HTML into a high-fidelity PNG image.
  4. The resulting file is saved to the designated output path, ready for use by the agent or user.

Markdown Table to Image Setup

This skill requires Node.js and the wkhtmltoimage binary to be installed on your system.

# Ensure dependencies are installed
sudo apt-get install wkhtmltoimage # Linux example

# Run the conversion script via CLI
node scripts/md2img.js "| Header 1 | Header 2 |\n|---|---|\n| Value 1 | Value 2 |" output.png

# Run with custom width (e.g., 1200px)
node scripts/md2img.js "| Table | Content |" output.png 1200

Markdown Table to Image Data Schema & Taxonomy

The skill processes input via CLI arguments and generates image assets as output. Here is the metadata organization:

Attribute Description
Input Format Raw Markdown Table string
Output Format PNG Image File
Dependencies node, wkhtmltoimage
Alignment Center-aligned table cells
Language Support UTF-8 (English and Chinese)
Default Width 900 pixels

Markdown Table to Image Advanced Features

  • Customizable output width to handle narrow or ultra-wide data tables.
  • Built-in support for mixed Chinese and English character rendering without font corruption.
  • Seamless integration for AI agents within Openclaw Skills to automatically trigger 'text-to-image' workflows.
  • Low-latency conversion process suitable for real-time agent responses.

SKILL.md


Loading

Related Openclaw Skills

METADATA

Github Stars: 0
forks: 0

Featured*