md-to-image
Convert Markdown tables to PNG images for Telegram, WhatsApp, and other chat interfaces that don't support table formatting.
Best use case
md-to-image is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
Convert Markdown tables to PNG images for Telegram, WhatsApp, and other chat interfaces that don't support table formatting.
Teams using md-to-image should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/md-to-image/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How md-to-image Compares
| Feature / Agent | md-to-image | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
Convert Markdown tables to PNG images for Telegram, WhatsApp, and other chat interfaces that don't support table formatting.
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# 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
```bash
# 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
1. Parses markdown table syntax
2. Generates HTML with CSS styling
3. Renders via Puppeteer (headless Chrome)
4. Captures screenshot of rendered table
5. Returns PNG file path
## Configuration
Add to agent config for auto-convert:
```json
{
"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`Related Skills
html-to-image-automation
Automate Html To Image tasks via Rube MCP (Composio). Always search tools first for current schemas.
image-to-3d-pipeline
Transformez une image 2D en modèle 3D animé prêt pour le web ou le jeu en moins de 30 minutes, en utilisant le workflow Dilum Sanjaya (Hunyuan3D + Mixamo). Use when: **Créer un personnage 3D pour un site web** - Mascotte, avatar, illustration interactive; **Prototyper un asset de jeu** - Character design, props, environnements; **Produire du contenu marketing 3D** - Produits rotatifs, personnages animés; **Convertir des illustrations existantes** - Logo, mascotte, character design → 3D; **Tes...
appimage-builder
Build AppImage bundles with AppDir structure for portable Linux applications
tech-article-image
为技术文章生成高质量主题配图。触发场景：(1)用户要求为文章配图/生成题图/制作封面图 (2)用户上传技术文章并要求生成配图 (3)用户提到"给文章配个图"、"生成主题图"、"做张封面"。核心能力：分析文章主题和情绪，从25种反AI油腻感的风格中匹配最佳选项，生成专业级图像提示词。支持MCP生图工具自动生成，无MCP时输出提示词供手动使用。
all-images-ai-automation
Automate All Images AI tasks via Rube MCP (Composio). Always search tools first for current schemas.
ai-image-generator
使用 ModelScope 等平台生成 AI 图像。当用户需要生成图像、设计图标、创建角色立绘，或需要帮助编写 AI 绘画提示词时使用此技能。支持直接生成图像和仅优化提示词两种模式。
xhs-images
Xiaohongshu (Little Red Book) infographic series generator with multiple style options. Breaks down content into 1-10 cartoon-style infographics. Use when user asks to create "小红书图片", "XHS images", or "RedNote infographics".
x-image-cards
Create X/Twitter cards that look like images, not marketing banners. Use when asked to "create OG images", "set up X cards", "make social cards", or "twitter card without text".
wiro-image-fill
Generate missing or placeholder images in a project by calling the Wiro image generation API, saving assets under public/assets generated folders, and producing a JSON mapping. Use when you see empty img src, placeholder.png, or other image gaps that need real assets.
seedream-image-generator
Generate images using the Doubao SeeDream API based on text prompts. Use this skill when users request AI-generated images, artwork, illustrations, or visual content creation. The skill handles API calls, downloads generated images to the project's /pic folder, and supports batch generation of up to 4 sequential images.
placeholder-images
Rule to use placekitten.com for placeholder images in seed data.
og-image-generator
Generate and optimize Open Graph meta images for social media sharing. Use this skill when building web applications that need dynamic OG image generation with support for Vercel's @vercel/og library, pre-generated image storage, and social media optimization (Twitter Cards, Facebook, LinkedIn). Handles dynamic routes, performance optimization, and includes best practices for crawler compatibility and testing.