moltbot
Generate publication-quality chart images from data. Supports line, bar, area, and point charts. Use when visualizing data, creating graphs, plotting time series, or generating chart images for reports/alerts. Designed for Fly.io/VPS deployments - no native compilation, no Puppeteer, no browser required. Pure Node.js with prebuilt binaries.
bunx add-skill moltbot/skills -s chart-imageLoading…
Generate PNG chart images from data using Vega-Lite. Perfect for headless server environments.
Built for Fly.io / VPS / Docker deployments:
canvas which requires build tools)Alternatives and why they don't work well on Fly:
canvas npm - Requires native compilation, fails on minimal Docker imagescd /data/clawd/skills/chart-image/scripts && npm install
node /data/clawd/skills/chart-image/scripts/chart.mjs \
--type line \
--data '[{"x":"10:00","y":25},{"x":"10:30","y":27},{"x":"11:00","y":31}]' \
--title "Price Over Time" \
--output chart.png
# Full data with zoomed Y-axis
node /data/clawd/skills/chart-image/scripts/chart.mjs \
--type line \
--data '[...]' \
--title "Iran Strike Probability" \
--show-change \
--focus-change \
--show-values \
--dark \
--output alert.png
# Focus on recent action (last 4 points)
node /data/clawd/skills/chart-image/scripts/chart.mjs \
--type line \
--data '[hourly data...]' \
--title "Iran Strike (24h)" \
--show-change \
--focus-change \
--focus-recent 4 \
--show-values \
--dark \
--output alert-recent.png
| Option | Description | Default |
|---|---|---|
--type | Chart type: line, bar, area, point | line |
--data | JSON array of data points | - |
--spec | Path to full Vega-Lite spec file | - |
--output | Output PNG path | chart.png |
--title | Chart title | - |
--width | Width in pixels | 600 |
--height | Height in pixels | 300 |
--x-field | Field name for X axis | x |
--y-field | Field name for Y axis | y |
--x-title | X axis label | field name |
--y-title | Y axis label | field name |
--color | Line/bar color | #e63946 |
--y-domain | Y scale as "min,max" | auto |
--show-change | Show +/-% change annotation | false |
--focus-change | Zoom Y-axis to 2x data range | false |
--focus-recent N | Show only last N data points | all |
--show-values | Label min/max peak points | false |
--dark | Dark mode theme | false |
--svg | Output SVG instead of PNG | false |
Use --dark for dark mode. Recommended to auto-select based on time:
--darkecho '[{"x":"A","y":1},{"x":"B","y":2}]' | node chart.mjs --output out.png
For advanced charts, pass a full Vega-Lite spec:
node chart.mjs --spec my-spec.json --output custom.png
Use when you need to run Flow type checking, or when seeing Flow type errors in React code.
Use when you want to validate changes before committing, or when you need to check all React contribution requirements.
Use when feature flag tests fail, flags need updating, understanding @gate pragmas, debugging channel-specific test failures, or adding new flags to React.
Use when you need to check feature flag states, compare channels, or debug why a feature behaves differently across release channels.