A specialized utility that transforms markdown tables into clean, high-resolution PNG images for enhanced chat visibility.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install md-table-image
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install md-table-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 MD Table Image?
MD Table Image is a technical utility designed to bridge the gap between structured raw data and visual presentation within AI-driven communication. This skill allows agents to transform standard markdown table syntax into styled PNG images, ensuring that complex data remains readable and visually appealing in various chat environments.
By integrating this tool into your Openclaw Skills collection, you can avoid the clutter of raw text in messaging interfaces which often breaks on mobile or narrow screens. It supports customization options like dark mode, custom titles, and adjustable widths, making it an essential component for any professional reporting or data visualization workflow.
MD Table Image Use Cases
- Presenting financial reports or data sets in chat without markdown formatting issues.
- Sharing system logs or comparisons in a visually consistent, screenshot-ready format.
- Enhancing the visual output of AI agents within the Openclaw Skills ecosystem.
- Creating snapshots of dynamic documentation for archival purposes or social sharing.
How MD Table Image Works
- The skill receives raw markdown content either as a command-line argument or via standard input (piping).
- It processes the markdown syntax and applies a predefined stylesheet for the table structure.
- Optional styling flags are evaluated, such as activating the dark theme or setting a specific pixel width for the viewport.
- The script renders the content using a Node.js-based environment to generate a high-quality visual.
- The final output is saved as a PNG file to the local file system or a temporary directory for immediate use.
MD Table Image Setup
To utilize this functionality within the Openclaw Skills framework, ensure you have a modern Node.js environment installed.
# Navigate to your skill directory
# Run the render script with your markdown content
node {baseDir}/scripts/render.mjs "| Header |\n|---|\n| Data |" -o /path/to/output.png
MD Table Image Data Schema & Taxonomy
The skill manages the conversion of text-based data into binary image assets. It follows a predictable input-output pattern:
| Attribute | Description |
|---|---|
| Input Format | Raw Markdown (Tables or Text) |
| Output Format | PNG Image File |
| Requirements | Node.js Runtime |
| Default Path | /tmp/table.png |
MD Table Image Advanced Features
- Support for standard input piping to allow seamless integration with other CLI tools in the Openclaw Skills library.
- Integrated dark mode toggle to match the aesthetic of developer tools and dark-themed chat applications.
- Configurable viewport width to handle exceptionally wide tables without data truncation.
- Optional title header injection to add context directly into the generated image file.
SKILL.md
Loading
Related Openclaw Skills
Flight Query (Amadeus)
A high-performance travel retrieval skill that connects AI agents to real-time flight offers and airport data via the Amadeus API.
12306 Train Query
A specialized tool for querying real-time China Railway 12306 schedules and ticket availability directly through a terminal or AI agent.
Grokipedia
Search and fetch articles from xAI's AI-generated encyclopedia, Grokipedia.
Self - Organic Personality Development
A lightweight framework for AI agents to develop authentic personality traits and behavioral observations over time without forced journaling.
SerpApi Flights (Google Flights)
A powerful flight search skill for querying real-time Google Flights data including prices, schedules, and aircraft details.
FRED Navigator
An advanced AI agent skill for navigating the Federal Reserve Economic Data (FRED) database using natural language and dual-layer validation.
Featured*
