diegosouzapw md-to-image
Convert Markdown tables to PNG images for chat interfaces that don't support table formatting (like Telegram).
When to use (trigger phrases)
Use this skill immediately when:
- Any response contains a markdown table destined for Telegram or WhatsApp
- User says "use table to image" or "convert this table"
- Output has
| column | column |pattern and channel is Telegram
Quick start
# Convert markdown file to PNG
node ~/.openclaw/workspace/md-to-image/md-to-image.js input.md output.png --scale=2
# Convert from stdin
echo "| A | B |\n|---|---|" | node md-to-image.js - output.png
Auto-apply
This skill auto-applies at 95% confidence when:
- Channel is Telegram or WhatsApp
- Content contains
| table |pattern - 2+ rows, 2+ columns
- Data is informational (not ASCII art)
Options
| Option | Default | Description |
|---|---|---|
--scale |
2 | Image scale (2x for retina) |
--theme |
calm | Color theme: calm, dark, colorful |
--width |
auto | Table width in pixels |
Color themes
- calm (default): Black/gray headers, minimal
- dark: Dark mode friendly
- colorful: Blue/purple gradient headers
How it works
- Parses markdown table syntax
- Generates HTML with CSS styling
- Renders via Puppeteer (headless Chrome)
- Captures screenshot of rendered table
- Returns PNG file path
Configuration
Add to agent config for auto-convert:
{
"skills": {
"md-to-image": {
"enabled": true,
"autoConvert": ["telegram", "whatsapp"],
"scale": 2,
"theme": "calm"
}
}
}
Requirements
- Node.js 16+
- npm
- Puppeteer-core (auto-installed)
- ~100MB disk space for Chromium
Location
Converter script: ~/.openclaw/workspace/md-to-image/md-to-image.js