download-webpage-as-pdf
一键保存网页为高保真PDF
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：download-webpage-as-pdf。 它的用途是：一键保存网页为高保真PDF 完整的 Skill 内容见：https://321skill.com/skills/download-webpage-as-pdf-x-5/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'将当前打开的网页 https://example.com/article 保存为PDF，保留所有图片和原始布局'。它会自动调用 agent-browser 加载该页面，等待所有资源加载完成，生成一个高保真PDF文件并保存到本地，文件名默认为页面标题。
介绍
在浏览网页时，您常需要将重要内容存档或分享，但浏览器自带的“打印为PDF”功能常常丢失图片（尤其是懒加载图）、破坏布局，导致文档残缺不全。这个 Skill 能解决这个问题——它利用 agent-browser CLI 完整渲染整个网页，包括所有图片和动态加载的内容，然后输出一份与原网页几乎一模一样的 PDF 文件，排版、字体、颜色都高度还原。
使用非常简单：您只需提供目标网页的 URL，Skill 会自动调用 agent-browser 驱动无头浏览器完全加载页面，等待所有图片和懒加载资源就绪，再执行 PDF 导出。整个过程在命令行完成，无需手动操作浏览器，适合批量处理或集成到自动化工作流中。
适合日常需要存档网页内容的人群：文档工程师需要保存 API 文档或技术教程的最终版本，内容创作者要收集素材作为参考，学术研究者希望保留带有丰富图表数据的在线论文页面，高校学生需要离线保存课程讲义或在线资料。对需要高保真、可复用的网页存档场景尤其有用。
使用时请注意：确保目标网页可以正常访问（无登录墙或 IP 限制），大型页面（如长文章或大量图片）可能需要几秒钟的加载时间；如果网页使用了重度 JavaScript 动态渲染（如 SPA 应用），建议先测试输出效果，确保所有内容都被正确捕获。另外，生成的 PDF 文件大小可能较大，请预留足够的磁盘空间。
核心特点
与浏览器“打印为PDF”或普通截图工具不同，这个 Skill 能完整保留懒加载图片和动态渲染内容，并且输出的是可搜索、可复制的文本 PDF，而非纯图片，同时保持原始排版不变。
注意事项
不适用于需要登录或复杂交互才能展示完整内容的网页（如付费墙后的页面或需要滚动触发的无限加载列表）。
常见问题
如何安装这个 Skill？
执行 npm install -g download-webpage-as-pdf 即可全局安装，然后通过命令行调用。
保存的PDF里图片会丢失吗？
不会。Skill 会等待所有图片（包括懒加载图片）加载完成后才导出 PDF，确保图片完整保留。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/download-webpage-as-pdf-x-5/raw/index.md 读取 download-webpage-as-pdf 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/download-webpage-as-pdf-x-5/raw/index.md（查看排版版本）