菜单
Generate chart images for markdown documents using the QuickChart API. Use when writing reports, READMEs, changelogs, dashboards, or any markdown output that needs an embedded chart, graph, sparkline, gauge, or data visualisation.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Open, publish, or raise a GitHub pull request. Use when the user asks to create or publish a PR for a GitHub-backed codebase, especially when branches are Linear-issue-prefixed.
Return your work to the parent agent that spawned you. Use when you are a child session that has finished (or reached a checkpoint on) a side-quest and the operator wants the findings returned to the originating session.
Dispatch work to another agent through the mailbox to a named existing peer, or to a new agent wired to reply to you. Use when the operator says "dispatch to <name>" or "dispatch this to a new agent", optionally refining what to send.
Inter-agent mailbox for sending a handoff to another agent session and picking up replies. Use when you need to set up your mailbox, send or reply to another agent, check for or wait on incoming mail, take over an existing mailbox identity (e.g. "take over Alice's mailbox"), or prune stale mailboxes. The fabric beneath the spawn, handback, and dispatch skills.
Spawn a fresh agent session from the current one — hand the conversation off into a new tmux window that continues the work one-way, with no channel back. Use `dispatch` instead when the child must report back.
Compact the current conversation into a handoff document for another agent to pick up.
| name | quickchart |
| description | Generate chart images for markdown documents using the QuickChart API. Use when writing reports, READMEs, changelogs, dashboards, or any markdown output that needs an embedded chart, graph, sparkline, gauge, or data visualisation. |
| license | MIT |
| metadata | {"author":"William Duyck","version":"1.0"} |
| compatibility | Requires network access to quickchart.io. Helper script needs Node.js 18+ (built-in fetch). |
Render charts as PNG/SVG images hosted by QuickChart and embed them in markdown via . Pick the right transport for the data size, pick the right chart type for the message, then embed the resulting URL.
For a small chart, build a config object and run the helper:
node scripts/build-chart.js --type bar --title "Sales" \
--labels "Q1,Q2,Q3,Q4" --data "12,19,8,15"
It prints a markdown snippet like:
For a complex chart, write the Chart.js config to a JSON file and pipe it:
cat chart.json | node scripts/build-chart.js --stdin --alt "Revenue by region"
The script auto-picks transport: GET (base64-encoded) for small configs, POST to /chart/create (short URL) for large ones.
references/ for a ready-to-edit config.scripts/build-chart.js. snippet.curl -sI the generated URL and confirm a 200 and an image content-type before embedding; for --download, confirm the file was written and is non-empty.Each reference file contains a working config you can copy, plus type-specific tips. To match data to type, see Choosing the right chart.
| Situation | Use | Why |
|---|---|---|
| Small config, < 1.5KB JSON | GET, URL-encoded | Simplest, no extra request. |
| Medium config, 1.5–6KB | GET, encoding=base64 | Avoids escaping issues. |
| Large config or contains JS callbacks | POST /chart (inline render) | No URL limits; functions stay intact. |
| Reusable across many renders or want a stable short link in the markdown | POST /chart/create → short URL | Returns a clean quickchart.io/chart/render/<id> URL. |
| Templated dashboards (same shape, varying data) | POST once to /chart/create, override with ?title=…&labels=…&data1=… | One config, many renders. |
| Long-lived document (committed report, book, PDF) | --download path/to.png | Save the rendered bytes; embed the local path. Survives short-URL expiration. |
The helper script handles the first four automatically. Pass --download for long-lived documents (see Best practices). For templated dashboards see Best practices.