download-webpage-as-pdf
用agent-browser将网页存为高保真PDF
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：download-webpage-as-pdf。 它的用途是：用agent-browser将网页存为高保真PDF 完整的 Skill 内容见：https://321skill.com/skills/download-webpage-as-pdf-x-6/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'把这个网页 https://example.com/docs 保存为PDF，保留所有懒加载图片'，它会自动调用agent-browser CLI，启动无头浏览器加载页面，等待图片完全渲染后，生成一个名为example_docs.pdf的高保真文件。
介绍
保存网页为PDF时，常遇到布局错乱、图片丢失或懒加载图片无法渲染的问题。这个Skill通过agent-browser CLI，以真实浏览器渲染方式捕获网页，确保最终PDF的视觉呈现与原始页面完全一致，包括所有懒加载图片、CSS样式和字体。
使用非常简单：你只需提供目标网页URL，Skill会自动调用agent-browser启动无头浏览器，加载页面并等待所有资源（包括懒加载图片）完成渲染，然后将完整页面导出为PDF文件。整个过程无需手动截图或调整参数，输出文件直接保存在本地。
适合需要频繁归档网页文章、保存设计稿参考、保留课程讲义或技术文档的用户。内容创作者可以用它快速备份采访或参考页面，学术研究者可以保存在线文献，前端开发者可以验证页面在不同状态下的打印效果。
使用前需确保本地已安装agent-browser CLI（npm install -g agent-browser），且网络环境允许浏览器正常运行。对于包含大量动态内容（如实时图表、视频流）的页面，部分元素可能无法完整捕获；对于需要登录或复杂交互的页面，建议先手动保存或使用配合Cookie的方式。
核心特点
与常规截图工具或浏览器打印PDF不同，这个Skill借助agent-browser的完整渲染引擎，能自动等待并捕获所有懒加载图片，同时保持原始CSS布局，不会出现元素偏移或图片缺失。
注意事项
不适用于需要登录验证、复杂交互表单或嵌入实时流媒体的页面，且输出为单页PDF，无法自动分页。
常见问题
保存的PDF文件在哪里？
默认保存在当前工作目录，文件名由URL自动生成，可指定输出路径。
能否保存整个页面，包括滚动部分？
当前版本仅捕获视口区域，如需全页面PDF，建议配合agent-browser的fullPage参数使用。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/download-webpage-as-pdf-x-6/raw/index.md 读取 download-webpage-as-pdf 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/download-webpage-as-pdf-x-6/raw/index.md（查看排版版本）