别再装截图插件了：Claude 零依赖全页截图 Skill 实测

你有没有过这种经历：看到一篇好文章想完整保存，结果一截图只拍到上半屏，下面内容全没了？市面上的长截图插件要么收费，要么要装一堆依赖，用起来贼麻烦。

今天挖到一个让我惊艳的 Claude Skill——full-page-screenshot，真正的「零依赖」截图方案。

它厉害在哪？

这个 Skill 不走 Puppeteer、不走 Playwright，而是直接连 Chrome DevTools Protocol。你只要本地开着 Chrome 并开启远程调试，它就能通过 CDP 把整张网页「拍」下来，输出一张完整 PNG。

最关键的是，它解决了很多长截图工具的通病：

• 懒加载图片也能截到：页面滚动到底触发 IntersectionObserver 的图片，它会在截之前先帮你滚动一遍
• 超长页面自动拼图：页面超过 16,000px？它会切成 8,000px 的 tile，再用 Python Pillow 无缝拼回一张图
• SPA 页面不糊：会自动检测 overflow-y: scroll 容器并展开，等 DOM 稳定后再拍

怎么用？

装好 Skill 之后，你跟 Claude 说一句「截个长图」就行。如果你需要更精细的控制，也支持通过 targetId 给指定标签页截图，或者直接给 URL 让它自动开标签页 → 截图 → 关掉。

npx skills add LewisLiu007/full-page-screenshot

用起来就像这样：

node scripts/full-page-screenshot.mjs --url "https://example.com" output.png

几个实用参数记一下：--width 1440 适合宽表，--dpr 2 是 Retina 高清，--wait 20000 给慢页面多一点加载时间。

适合谁？

• 产品经理 / 设计师：竞品页面完整留档
• 开发者：给 bug 反馈附完整页面截图
• 内容创作者：把长文章、落地页保存成一张图做素材

一句话总结

如果你经常需要「完整网页截图」又不想被付费工具绑架，这个 Skill 是目前我见过最轻量、最无痛的方案。零 npm 依赖、直接连 Chrome、长图自动拼，装完就能用。

GitHub 地址：https://github.com/LewisLiu007/full-page-screenshot

GitHub: https://github.com/LewisLiu007/full-page-screenshot