前言¶

汇报材料、调研纪要、带表格的说明文档，常见痛点是：读者要通读全文才能抓住结构，数据藏在段落和表格里，改一个数字又要重新找图。自己用图表工具重画一遍，和原文容易脱节。

下面介绍 SkillHub 社区 Skill「文档转图表、图片」（@user_70775cd1/docs2html，当前版本 v3.6.4）。它把用户提供的内容渲染成可在线对照查看的网页：左侧大纲，右侧分屏展示原版文字与图表化解读，并支持在线修改后重新生成图表，以及导出 PPT、PDF 等。标签标明 requires_api_key=false，无需单独配置 API Key。

这是什么¶

一句话定位：把文字类文档提炼、可视化，输出自包含 HTML 页面，便于「少读字、对照看图」。

• 坐标：@user_70775cd1/docs2html
• 来源：community（SkillHub 分类：data-analysis）
• 发布者：user_70775cd1（页面标注作者 Dillon）
• SkillHub 页面：https://www.skillhub.cn/skills/user_70775cd1/docs2html

官方简介强调：提炼文字、将表格数据渲染成图表；展示为左大纲 + 右分屏（原版文字 | 图表化解读），默认双显，可拖拽调宽，可切换「仅文字 / 仅图表」。

核心功能¶

以下能力均来自 SkillHub 页面与抓取资料，未单独核实的格式或接口不写进正文。

对照浏览与布局¶

1. 生成可在线对比查看的网页（自包含 HTML 形态）。
2. 左侧大纲导航，右侧分屏：一侧保留原版文字，一侧为图表化解读。
3. 默认双栏同时显示；分栏宽度可拖拽调整。
4. 可切换为「仅文字」或「仅图表」视图。

图表类型与风格¶

按内容类型自适应选型（生成前会确认风格，并要求全页风格一致）：

编辑与导出¶

• 支持在线修改文档内容；修改后可实时重新生成图表（官方文案中的「图标」在此按图表理解）。
• 支持修改文档格式，并将图表或文档相关结果导出为 PPT、PDF 等（与「文档转 PPT / 文档转 PDF」等核心能力描述一致）。

官方列出的能力关键词还包括：文生图、文档转图表、自动生成图表、文字转图片、文字转 PDF / PPT 等，均围绕「文字 → 可视化页面 → 可导出」这一条链路。

安装与启用¶

SkillHub 提供两种常见方式：用 CLI 安装到当前 Agent 的 skills 目录，或把安装提示词交给 AI 执行。

方式一：SkillHub CLI¶

先确认是否已安装 CLI（完整步骤见 SkillHub 安装说明）：

command -v skillhub && skillhub --version

未安装时可执行官方推荐的一键安装（需联网）：

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash

安装本 Skill 时，必须用 --dir 指向当前 Agent 识别的 skills 目录，否则默认落在 ./skills/ 可能不会被加载：

skillhub install @user_70775cd1/docs2html --dir <你的 skills 目录>

常用客户端 skills 路径（摘自官方安装文档，按你实际环境选择）：

• Cursor：~/.cursor/skills/
• Claude Code：~/.claude/skills/
• Codex：~/.codex/skills/ 或项目下的 .agents/skills/

安装或更新 Skill 后，按你所用客户端的要求重启或刷新 Agent，使 SKILL.md 生效。

方式二：提示词交给 AI¶

在 SkillHub 技能页可复制官方安装提示，大意如下：

请根据 https://skillhub.cn/install/skillhub.md，安装 `@user_70775cd1/docs2html`。

将上述内容发给 Cursor、Claude Code 等支持 Skill 的 Agent，由它按文档完成 CLI 与目录配置。

典型用法¶

官方页面未给出逐步截图教程，可复现的用法可从简介反推：

1. 在对话中附上需要可视化的文字或文档内容（含表格数据时更适合走 ApexCharts 路径）。
2. 触发本 Skill，说明希望「对照原文、以图为主」或需要导出 PPT/PDF。
3. 在生成前确认图表风格；生成后在页面中拖拽分栏、切换仅文字 / 仅图表，检查大纲与分屏是否一致。
4. 若需改数字或表格，在可编辑区域修改后让 Skill 重新生成图表，再按需导出。

当用户已经有一份说明性文档，希望读者一眼看懂结构、少读大段文字时，适合主动选用该 Skill。

适用场景与注意¶

适合谁

• 需要把纪要、方案、带表数据说明做成「原文 + 图解」对照页的人。
• 要在汇报前快速出图，并保留导出 PPT/PDF 通道的团队。

使用注意

• 页面统计（截至资料抓取）：SkillHub 评分 100000，下载约 3273 次；以 SkillHub 实时数据为准。
• 分类为 data-analysis，与「办公效率」类标签无直接对应，选型时以功能描述为准。
• 图表类型由内容推断，复杂版式或极长文档的实际效果需在本地试跑后评估。
• 导出与在线编辑依赖 Skill 生成的 HTML 环境，不同浏览器对拖拽、导出插件的支持可能略有差异。

结尾¶

「文档转图表、图片」把对照阅读、自适应图表和导出收进一个 Skill 流程里，适合「有字有表、想让人先看图」的文档处理。安装与详情见 SkillHub：

• 技能页：https://www.skillhub.cn/skills/user_70775cd1/docs2html
• 安装说明：https://skillhub.cn/install/skillhub.md