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 skills add Lucas-Fong/html-report-stable-base --skill echarts-chartsgit clone --depth 1 https://github.com/Lucas-Fong/html-report-stable-baseWrote 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/lucas-fong/html-report-stable-base/echarts-charts)<a href="https://agentmods.dev/skills/lucas-fong/html-report-stable-base/echarts-charts"><img src="https://agentmods.dev/badge/skills/lucas-fong/html-report-stable-base/echarts-charts/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/lucas-fong/html-report-stable-base/echarts-charts"><img src="https://agentmods.dev/badge/skills/lucas-fong/html-report-stable-base/echarts-charts.svg" alt="Reviewed on agentmods" width="80" 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.1 | $0.00076 | $0.00872 |
| Opus 5 | $0.00038 | $0.00436 |
| Sonnet 5 | $0.00015 | $0.00174 |
| Haiku 4.5 | $0.00008 | $0.00087 |
Grade A, and why
echarts-charts 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 11d 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.
What it actually says
ECharts 图表生成
将结构化数据转换为可交互的 Apache ECharts 图表。默认交付单文件 HTML；用户在项目中开发时，按项目框架输出相应组件或 option。
工作流
- 识别数据来源、字段含义、图表目标和交付形态。
- 选择图表类型：
- 趋势：折线图、面积图、双轴组合图。
- 排名/对比：柱状图、条形图、堆叠柱图。
- 构成：饼图、环形图、旭日图、矩形树图。
- 相关性/分布：散点图、气泡图、箱线图、热力图。
- 漏斗/流程/关系：漏斗图、桑基图、关系图。
- 优先整理为
dataset.source，用encode映射字段。不要把同一份数据散落在多个series.data中，除非图表类型确实需要。 - 生成
option时包含：标题、图例、提示框、坐标轴、网格留白、数据缩放（长序列）、标签策略、颜色和导出工具箱。 - 独立 HTML 交付时运行：
node scripts/render_echarts_html.mjs config.json output.html
- 交付前用浏览器打开 HTML 验证：图表不空白、tooltip 可用、图例切换正常、中文不乱码、轴标签不严重重叠。
- 若用户需要图片或报告嵌入，先生成 HTML，再用浏览器截图导出 PNG/PDF。作为
html-report插件内置 skill 使用时，若浏览器或依赖缺失，先在插件根目录运行node scripts/bootstrap_html_report_deps.mjs。
配置格式
render_echarts_html.mjs 接受：
{
"title": "图表标题",
"subtitle": "可选副标题",
"width": 1200,
"height": 720,
"theme": "default",
"echartsUrl": "https://cdn.jsdelivr.net/npm/echarts@6/dist/echarts.min.js",
"option": {}
}
option 是标准 ECharts 配置对象。没有特殊要求时，使用 references/option-patterns.md 中的模板起步。
设计规则
- 默认使用浅色背景、清晰标题、紧凑网格和可读字号。
- 中文图表优先使用
PingFang SC, Microsoft YaHei, sans-serif。 - 类目超过 12 个时优先横向条形图或启用
dataZoom。 - 排名图默认按指标降序排序；时间序列默认按时间升序排序。
- 数值需格式化：百分比、金额、千分位和单位不要混淆。
- 不要用 3D 效果装饰普通业务数据。
- 对业务汇报类图表，颜色不超过 6 个主色；强调色只用于关键系列或异常值。
资源
scripts/render_echarts_html.mjs：将 EChartsoption包装为可打开的单文件 HTML。references/option-patterns.md：常见图表类型的 ECharts 配置模板和选择建议。references/official-links.md：官方文档入口，遇到不熟悉的图表类型时优先查阅。
What ships with it
4 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.
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.
- 11d ago First seen · 63 lines · 76 tokens per session scan A 9117361e35bf
echarts-charts is a skill published in the GitHub repository Lucas-Fong/html-report-stable-base (2 stars, last pushed 15d ago), licensed MIT. It adds 76 tokens to every session and 872 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-31.
Other skills, from other repositories
cash-flow-snapshot
Create a 30/60/90-day cash-flow forecast from AR, AP, opening cash, payment timing, and fixed-cost data. Use when asked about runway, payroll coverage, liquidity risks, or a near-term cash crunch.
univer-node-backend
Run Univer Sheets, Docs, Slides, Bases, Boards, or PDFs in Node.js without browser UI. Use for server-side or backend Univer, OSS Sheets or Docs Node presets, Pro product Facades and collaboration, JSON snapshot processing, formula or Base child-process workers, or automated unit manipulation with @univerjs/rpc-node.
univer-plugin-dev
Develop custom plugins for Univer sheets, docs, slides, bases, boards, and PDFs. Use when implementing a Plugin lifecycle, dependency injection, commands/mutations/operations, undo/redo, Facade extensions or custom events, toolbar/context-menu items, shortcuts, icons, popups, or when diagnosing plugin API and…
univer-pro-integrate
Integrate current Univer Pro features into browser applications. Use for licensed Sheets, Docs, Slides, Bases, Boards, or PDFs; advanced Sheets presets; collaboration and edit history; Office import/export; printing; pivot tables; charts; sparklines; shapes; Pro workers; license ordering; or Pro Facade APIs.
univer-cli
Use when installing or operating Univer CLI for .univer files, spreadsheets, documents, slides, Base databases, Board canvases, cross-Unit embedding, worktrees, Facade authoring, inspection, verification, import/export, screenshots, or viewer handoff.
adjudication-sheets
Build human adjudication / hand-labeling sheets from LLM-pipeline data without evidence truncation. Use when: (1) preparing a CSV/Excel sheet for a human to rule on cases an LLM classifier or rater panel judged, (2) a labeler reports "there is no information to label from" or cells look empty in Excel, (3) excerpt…