锤无双丨网页报告转PDF
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_fd9e6943/html-report-to-pdf。
技能介绍
要解决什么问题
行业研究、内部分享里常见一种交付物:多个 1280×720 的 .slide 纵向堆在同一份 HTML 里,像网页版 PPT。交付方往往要 PDF,但用截图拼页的老路子慢、文件大,文字还变成位图,无法搜索复制。
技能怎么工作
核心路径是 Playwright 打开原 HTML → 注入 page-break-after: always → 一次 page.pdf(),由浏览器原生分页,而不是逐页 set_content 再截图合并。百页量级可以从「几分钟 + 十几 MB」降到大约十秒、约 1MB 量级(纯文本为主时约 10–15KB/页)。
- 版式:
print_background=True,背景与色彩尽量保留;文字为矢量,可搜索、可复制。 - v1.3:字体抗锯齿、
device_scale_factor=2、等待字体就绪,缓解 PDF 首页发糊。 - 尺寸:读取第一个
.slide的实际像素;宽高比 ≥1.3 走横版,≤0.85 走竖版,无.slide时回退 A4 竖版(794×1123px)。 - 环境:运行时会探测本机 Chrome / Edge / 360 / QQ 等,找不到再走国内镜像拉 Chromium,无需事先手动
playwright install chromium。
命令行可对单个或多个 HTML 批量处理,默认同名 .pdf;也支持 -o 指定输出路径。
适用边界
- 结构假设:HTML 应是 slide 纵向堆叠;每个
.slide固定幻灯片尺寸。长文、非 slide 布局版式可能对不上,这类场景更适合直接用 Playwright 的page.pdf()按整页导出。 - 字体:依赖系统已装字体(如 Georgia、
Microsoft YaHei);中文路径与文件名可正常使用。
使用场景
- 行业研究组产出多页 `.slide` 堆叠的 HTML 报告,交付前需转成可搜索、版式一致的横版 PDF
- 手头有三份 slide 式网页报告,要在一次命令里批量生成同名 PDF 交给客户归档
- 内部分享用 1280×720 HTML Deck 已定稿,需导出矢量文字 PDF 而非截图拼页
- 研究网页不是标准 A4 长文,而是纵向多张幻灯片,要求背景色与分页与浏览器预览一致
适合人员
- 按模板输出 HTML slide 行业报告、客户明确要求 PDF 可搜索复制的研究分析师
- 维护多套 slide 式 HTML 简报、每周需批量转 PDF 归档的研究或内容运营
- 用 HTML 做提案/路演页、交付环节常要横版 PDF 且不能糊字的咨询或售前顾问
- 接收研究组 HTML 网页报告、负责整理成正式 PDF 交付包的项目或研究助理