Requirements
- Target platform
- OpenClaw
- Install method
- Manual import
- Extraction
- Extract archive
- Prerequisites
- OpenClaw
- Primary doc
- SKILL.md
Tencent SkillHub · Communication & Collaboration
Table Image
Generate clean table images from data. Perfect for Discord/Telegram where ASCII tables look broken. Supports dark/light mode, custom styling, and auto-sizing...
skill openclawclawhub Free
Generate clean table images from data. Perfect for Discord/Telegram where ASCII tables look broken. Supports dark/light mode, custom styling, and auto-sizing...
⬇ 0 downloads ★ 0 stars Unverified but indexed
Install for OpenClaw
Quick setup
- Download the package from Yavira.
- Extract the archive and review SKILL.md first.
- Import or place the package into your OpenClaw setup.
Package facts
- Download mode
- Yavira redirect
- Package format
- ZIP package
- Source platform
- Tencent SkillHub
- What's included
- README.md, SKILL.md, scripts/discord-wrap.mjs, scripts/emoji.mjs, scripts/package-lock.json, scripts/package.json
Validation
- Use the Yavira download entry.
- Review SKILL.md after the package is downloaded.
- Confirm the extracted package contains the expected setup assets.
Install with your agent
Agent handoff
Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.
- Download the package from Yavira.
- Extract it into a folder your agent can access.
- Paste one of the prompts below and point your agent at the extracted folder.
New install
I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Then review README.md for any prerequisites, environment setup, or post-install checks. Tell me what you changed and call out any manual steps you could not complete.
Upgrade existing
I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Then review README.md for any prerequisites, environment setup, or post-install checks. Summarize what changed and any follow-up checks I should run.
Trust & source
Release facts
- Source
- Tencent SkillHub
- Verification
- Indexed source record
- Version
- 1.4.0
Provenance
- Publisher
- dannyshmueli
- Source page
- View original listing
- Canonical URL
- Open canonical page
Documentation
Table Image Generator
⚠️ USE THIS INSTEAD OF ASCII TABLES — ALWAYS! Generate PNG table images from JSON data. ASCII tables look broken on Discord, Telegram, WhatsApp, and most messaging platforms. This skill renders clean images that work everywhere.
Why This Skill?
✅ REPLACES ASCII TABLES - Never use | col | col | formatting on messaging platforms ✅ No ASCII hell - Clean images that render consistently everywhere ✅ No Puppeteer - Pure Node.js with Sharp, lightweight ✅ Dark mode - Matches Discord dark theme ✅ Auto-sizing - Columns adjust to content ✅ Fast - Generates in <100ms
Setup (one-time)
cd /data/clawd/skills/table-image/scripts && npm install
Quick Usage
⚠️ BEST PRACTICE: Use heredoc or --data-file to avoid shell quoting errors! # RECOMMENDED: Write JSON to temp file first (avoids shell quoting issues) cat > /tmp/data.json << 'JSONEOF' [{"Name":"Alice","Score":95},{"Name":"Bob","Score":87}] JSONEOF node /data/clawd/skills/table-image/scripts/table.mjs \ --data-file /tmp/data.json --dark --output table.png # ALSO GOOD: Pipe via stdin echo '[{"Name":"Alice","Score":95}]' | node /data/clawd/skills/table-image/scripts/table.mjs \ --dark --output table.png # SIMPLE (but breaks if data has quotes/special chars): node /data/clawd/skills/table-image/scripts/table.mjs \ --data '[{"Name":"Alice","Score":95}]' --output table.png
Options
OptionDescriptionDefault--dataJSON array of row objectsrequired--outputOutput file pathtable.png--titleTable titlenone--darkDark mode (Discord-friendly)false--columnsColumn order/subset (comma-separated)all keys--headersCustom header names (comma-separated)field names--max-widthMaximum table width800--font-sizeFont size in pixels14--header-colorHeader background color#e63946--stripeAlternating row colorstrue--alignColumn alignments (l,r,c comma-sep)auto--compactReduce paddingfalse
Basic Table
node table.mjs \ --data '[{"Name":"Alice","Age":30,"City":"NYC"},{"Name":"Bob","Age":25,"City":"LA"}]' \ --output people.png
Custom Columns & Headers
node table.mjs \ --data '[{"first_name":"Alice","score":95,"date":"2024-01"}]' \ --columns "first_name,score" \ --headers "Name,Score" \ --output scores.png
Right-Align Numbers
node table.mjs \ --data '[{"Item":"Coffee","Price":4.50},{"Item":"Tea","Price":3.00}]' \ --align "l,r" \ --output prices.png
Dark Mode for Discord
node table.mjs \ --data '[{"Symbol":"AAPL","Change":"+2.5%"},{"Symbol":"GOOGL","Change":"-1.2%"}]' \ --title "Market Watch" \ --dark \ --output stocks.png
Compact Mode
node table.mjs \ --data '[...]' \ --compact \ --font-size 12 \ --output small-table.png
JSON Array (default)
--data '[{"col1":"a","col2":"b"},{"col1":"c","col2":"d"}]'
Pipe from stdin
echo '[{"Name":"Test"}]' | node table.mjs --output out.png
From file
cat data.json | node table.mjs --output out.png
Tips
Use --dark for Discord - Matches the dark theme, looks native Auto-alignment - Numbers are right-aligned by default Column order - Use --columns to reorder or subset Long text - Will truncate with ellipsis to fit --max-width
Technical Notes
Uses Sharp for PNG generation (same as chart-image) Generates SVG internally, converts to PNG No browser, no Puppeteer, no Canvas native deps Works on Fly.io, Docker, any Node.js environment
Category context
Messaging, meetings, inboxes, CRM, and teammate communication surfaces.
Source: Tencent SkillHub
Largest current source with strong distribution and engagement signals.
Package contents
Included in package
2 Docs2 Scripts2 Config
- SKILL.md
- README.md
- scripts/discord-wrap.mjs
- scripts/emoji.mjs
- scripts/package-lock.json
- scripts/package.json