Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx agentmods add skills/lingyichen-ai/openskills/multi-chart-drawnpx skills add LingyiChen-AI/OpenSkills --skill multi-chart-drawgit clone --depth 1 https://github.com/LingyiChen-AI/OpenSkillsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/lingyichen-ai/openskills/multi-chart-draw)<a href="https://agentmods.dev/skills/lingyichen-ai/openskills/multi-chart-draw"><img src="https://agentmods.dev/badge/skills/lingyichen-ai/openskills/multi-chart-draw.svg" alt="Measured on agentmods" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5 | $0.00071 | $0.02865 |
| Opus 5 | $0.00036 | $0.01432 |
| Sonnet 5 | $0.00014 | $0.00573 |
| Haiku 4.5 | $0.00007 | $0.00286 |
Grade A, and why
multi-chart-draw scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 4d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 255 lines — stays where its author put it; the contents beside it link to each section on GitHub.
多类型绘图工具
任务目标
- 本 Skill 用于:根据用户需求生成多种类型的图表,包括思维导图、流程图、数据可视化图表等
- 能力包含:
- Mermaid 图表绘制(流程图、序列图、甘特图等)
- ECharts 数据可视化(柱状图、折线图、饼图等)
- Mindmap 思维导图
- DrawIO 通用绘图
- Flowchart 流程图(基于 Mermaid)
- GeoGebra 数学绘图(函数、几何图形、代数方程)
- 触发条件:用户表达"画个图"、"绘制图表"、"生成流程图"等需求
前置准备
依赖说明
- Python 依赖包:
pyecharts>=2.0.0:用于生成 ECharts 图表pillow>=10.0.0:图像处理库
- 系统依赖(需提前安装):
@mermaid-js/mermaid-cli:用于渲染 Mermaid 图表markmap-cli:用于渲染思维导图
安装系统依赖
在使用 Skill 之前,需要安装以下系统工具:
# 安装 Mermaid CLI
npm install -g @mermaid-js/mermaid-cli
# 安装 Markmap CLI
npm install -g markmap-cli
# 验证安装
mmdc --version
markmap --version
输出目录准备
# 创建输出目录
mkdir -p ./charts-output
操作步骤
标准流程
-
需求分析与类型选择
- 智能体理解用户绘图需求,确定图表类型:
- 层级关系、知识结构、脑图整理 → Mindmap
- 流程逻辑、步骤关系、业务流程 → Flowchart (Mermaid)
- 时序交互、API调用、消息传递 → Mermaid Sequence
- 数据对比、趋势分析、统计图表 → ECharts
- 系统架构、网络拓扑、部署图、ER图 → DrawIO
- 数学函数、几何图形、代数方程 → GeoGebra
- 确定输出格式(PNG/SVG/HTML)
- 智能体理解用户绘图需求,确定图表类型:
-
生成图表配置
- 根据选定的图表类型,智能体生成相应的文本配置:
- Mermaid:生成 mermaid 语法
- ECharts:生成 option 配置 JSON
- Mindmap:生成 Markdown 格式内容
- DrawIO:生成 XML 格式内容
- GeoGebra:生成命令列表或数学表达式
- 参考 references/ 中的语法指南
- 根据选定的图表类型,智能体生成相应的文本配置:
-
调用脚本渲染
- 根据图表类型调用对应的渲染脚本:
- Mermaid 图表:
scripts/render_mermaid.py - ECharts 图表:
scripts/render_echarts.py - 思维导图:
scripts/render_mindmap.py - DrawIO 图表:
scripts/render_drawio.py - GeoGebra 图表:
scripts/render_geogebra.py
- Mermaid 图表:
- 指定输出路径和格式
- 根据图表类型调用对应的渲染脚本:
-
结果验证与交付
- 检查生成的图表文件
- 确认格式和内容符合预期
- 将输出文件路径提供给用户
可选分支
- 当需要 交互式图表:使用 ECharts 生成 HTML 格式
- 当需要 矢量图:选择 SVG 输出格式
- 当需要 高质量位图:选择 PNG 并设置高分辨率
资源索引
渲染脚本
-
Mermaid 渲染:见 scripts/render_mermaid.py
- 用途:将 Mermaid 语法渲染为 PNG/SVG
- 参数:
--input(输入文件)、--output(输出文件)、--format(格式:png/svg)
-
ECharts 渲染:见 scripts/render_echarts.py
- 用途:将 ECharts 配置渲染为 HTML(交互式图表)
- 参数:
--config(配置文件)、--output(输出文件)
What ships with it
30 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- .gitignore 625 B
- assets/architecture.html 16 KB
- assets/examples/drawio-architecture.xml 7.6 KB
- assets/examples/echarts-bar-standard.json 676 B
- assets/examples/echarts-bar.json 311 B
- assets/examples/echarts-line-standard.json 576 B
- assets/examples/echarts-multi-series.json 1007 B
- assets/examples/echarts-pie-standard.json 720 B
- assets/examples/ecommerce-architecture.xml 22 KB
- assets/examples/geogebra-function.txt 161 B
- assets/examples/geogebra-geometry.txt 190 B
- assets/examples/mermaid-flowchart.mmd 247 B
- assets/examples/mindmap.md 525 B
- charts-output/ai_chat_architecture.html 26 KB
- charts-output/ellipse.html 3.0 KB
- charts-output/funnel_chart.html 6.7 KB
- charts-output/parallelogram.html 4.4 KB
- charts-output/solar_system.html 4.9 KB
- demo.py 9.1 KB runs code
- README.md 6.7 KB
- references/drawio-guide.md 12 KB
- references/echarts-guide.md 7.9 KB
- references/geogebra-guide.md 31 KB
- references/mermaid-syntax.md 5.0 KB
- references/mindmap-guide.md 4.9 KB
- scripts/render_drawio.py 11 KB runs code
- scripts/render_echarts.py 6.9 KB runs code
- scripts/render_geogebra.py 8.4 KB runs code
- scripts/render_mermaid.py 2.8 KB runs code
- scripts/render_mindmap.py 2.9 KB runs code
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 4d ago First seen · 255 lines · 71 tokens per session scan A 025e85d078bc
multi-chart-draw is a skill published in the GitHub repository LingyiChen-AI/OpenSkills (68 stars, last pushed 7mo ago), licensed Apache-2.0. It adds 71 tokens to every session and 2,865 once invoked, about $0.0004 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
systematic-debugging
Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes.
brainstorming
You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.
auto-perf-optimize
Run agent-driven VS Code performance or memory investigations. Use when asked to launch Code OSS, automate a VS Code scenario, run the Chat memory smoke runner, capture renderer heap snapshots, take workflow screenshots, compare run summaries, or drive a repeatable scenario before heap-snapshot analysis.
chat-perf
Run chat perf benchmarks and memory leak checks against the local dev build or any published VS Code version. Use when investigating chat rendering regressions, validating perf-sensitive changes to chat UI, or checking for memory leaks in the chat response pipeline.
chat-pet-sprite-creation
Use when creating or changing VS Code chat pet sprite art, sprite sheets, state animations, eye treatments, Stable/Insiders variants, or pet transitions under src/vs/workbench/contrib/chat/browser/widget/media/chatPet.
cpu-profile-analysis
Analyze V8/Chrome CPU profiles (.cpuprofile) and DevTools trace files (Trace-.json). Use when: profiling performance, investigating slow functions, comparing code paths, finding bottlenecks, analyzing timeToRequest, understanding call trees from sampling profiler data, analyzing layout/paint/rendering, investigating…