前言¶
数据分析或脚本跑完后，常见做法是导出 CSV，再手工做图或搭一个临时看板。前者图表与叙述脱节，后者要维护服务和前端工程。若目标只是「把一批结构化数据变成带图表、能直接发给同事打开的页面」，且希望本地用浏览器就能看，Chart.js 可视化报告生成器这类 Agent Skill 提供的是另一条路径：在对话里交给 AI，按 Skill 约定生成单文件 HTML 报告。
下面介绍这个 Skill 的定位、已公开的能力，以及在 SkillHub 上的安装方式。
这是什么¶
Chart.js 可视化报告生成器是 SkillHub 上的社区 Skill，坐标为 @user_af28adda/generate-report123，当前版本 1.0.0，分类为 data-analysis，发布者为 user_af28adda，来源标注为 community。
一句话定位：将结构化数据转换为美观的 HTML 图表报告；官方简介写明支持多种图表类型、深色主题，无需服务器，浏览器直接打开。标签 requires_api_key=false，表示按 SkillHub 公开信息，使用该 Skill 不依赖额外 API Key 配置。
核心功能¶
以下能力均来自 SkillHub 页面与抓取元数据，未在资料中出现的细节不作展开。
- 结构化数据 → HTML 报告：输入侧为结构化数据（具体字段与图表映射由 Skill 内
SKILL.md指导 Agent 执行，安装后可在技能目录查阅）。 - 多种图表类型：页面简介明确支持多种图表；名称中的 Chart.js 表明报告侧基于 Chart.js 做可视化（具体类型以技能文档为准）。
- 深色主题：生成报告默认面向深色主题展示。
- 纯静态交付：产出为 HTML，本地或任意环境用浏览器打开即可，不依赖自建后端。
SkillHub 统计（以抓取资料为准）：评分 100000，下载 9154，安装 9。
安装与启用¶
SkillHub 官方建议通过 SkillHub 安装与优先源配置 完成 CLI 与技能安装。页面给出的安装提示词为：
请根据 https://skillhub.cn/install/skillhub.md，安装 `@user_af28adda/generate-report123`。
若已具备 skillhub CLI，安装时需用 --dir 指向当前 Agent 的 skills 目录，否则默认装到 ./skills/ 可能不会被识别。官方文档列出的常用路径如下：
| 环境 | skills 目录 |
|---|---|
| Cursor | ~/.cursor/skills/ |
| Claude Code | ~/.claude/skills/ |
| Codex | ~/.codex/skills/ 或项目下的 .agents/skills/ |
示例命令（将 <skills 目录> 换成上表对应路径）：
command -v skillhub && skillhub --version
skillhub install user_af28adda/generate-report123 --dir <skills 目录>
未安装 CLI 时，可按同一文档执行完整安装脚本（需联网）：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
在 Cursor 中，也可将上述提示词发给 Agent，由其按 skillhub.md 完成安装。各客户端差异以 SkillHub 安装文档为准；未在文档中单独说明的客户端，不写臆测步骤。
典型用法¶
公开页面未附带独立示例仓库，可复现的流程如下。
- 按上一节安装并启用
@user_af28adda/generate-report123。 - 在对话中说明要生成的报告主题，并提供结构化数据（如表格、JSON、统计结果摘要等，格式以 Skill 指导为准）。
- 让 Agent 按 Skill 生成 HTML 报告文件。
- 用浏览器打开生成的 HTML，核对图表与数据是否一致。
若需精确提示词模板、支持的图表枚举或数据 schema，应在安装后阅读该 Skill 目录下的 SKILL.md，资料中未抓取到全文时不在此编造。
适用场景与注意¶
适合谁
- 需要快速把分析结果做成可分享的 HTML 图表页，又不想为此搭服务。
- 已在 Cursor、Claude Code、Codex 等支持 Skills 的环境里工作，希望用对话驱动出图与排版。
注意
- 社区来源（community），维护节奏与问题反馈以发布者 user_af28adda 与 SkillHub 页面为准。
- 「多种图表类型」以 Skill 实际能力为限，安装前可在 SkillHub 查看版本与说明是否满足需求。
- 生成质量依赖所给数据的结构与清晰度；复杂交互式看板、实时数据源不在「静态 HTML + 浏览器打开」这一产品表述范围内。
结尾¶
Chart.js 可视化报告生成器把「结构化数据 → 深色主题 HTML 图表报告 → 浏览器直开」串成一条可在 Agent 里走通的路径，且公开标签表明无需 API Key。需要安装或查看说明时，可访问 SkillHub 页面：
