chart-image

仓库创建 2025年6月22日最近提交 1 天前SkillHot 收录 20 天前

▸ 精选理由

无需浏览器或本地编译，适合服务器端图像生成

这个 Skill 做什么

用 Vega-Lite 在无头 Node 环境生成高质量 PNG 图表，支持多种图表类型。

在无头 Node 环境里用 Vega-Lite 生成高质量 PNG 图表，支持折线、柱状、面积、K 线、饼图和热力图等。适合在服务器、Docker 或 VPS 上为报表、告警或仪表盘批量产图，不依赖浏览器或 Puppeteer，使用 Sharp 免去本地编译负担。输出直接可嵌入文档或邮件，部署轻量可靠。

▸ 展开 SKILL.md 英文原文

Generate publication-quality PNG chart images from data, supporting line, bar, area, candlestick, pie, and heatmap charts. Triggers when the user asks to visualize data, create a graph, plot a time series, or generate a chart for a report, alert, or dashboard. Runs as a lightweight, headless Node.js process without a browser.

开发编程图表生成Vega-Lite无头 Node通用

4.4k

Stars

448

Forks

仓库内 Skill

+70

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/zebbern/claude-code-guide/main/skills/chart-image/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/zebbern/claude-code-guide/main/skills/chart-image/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Chart Image Generator

Generate PNG chart images from data using Vega-Lite. Perfect for headless server environments.

## Why This Skill?

**Built for Fly.io / VPS / Docker deployments:**
- ✅ **No native compilation** - Uses Sharp with prebuilt binaries (unlike `canvas` which requires build tools)
- ✅ **No Puppeteer/browser** - Pure Node.js, no Chrome download, no headless browser overhead
- ✅ **Lightweight** - ~15MB total dependencies vs 400MB+ for Puppeteer-based solutions
- ✅ **Fast cold starts** - No browser spinup delay, generates charts in <500ms
- ✅ **Works offline** - No external API calls (unlike QuickChart.io)

## Setup (one-time)

```bash
cd /data/clawd/skills/chart-image/script

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有