截长图这件事,我给 Claude 找了一个开挂般的 Skill

你有没有试过让 Claude 帮你抓个网页截图,结果它只能截一张「首屏」?

遇到那些滚动页面、SPA 单页应用、懒加载图片的长页面——基本就是一句「我做不到」。
但最近我挖到 LewisLiu007 做的 Full-Page Screenshot,一句话治好这种无力感。

零外部依赖 · Chrome DevTools Protocol 直连 · 全页一张 PNG · 支持超长页面拼接

💡 它解决的核心问题很简单:
Claude 原生截不了「完整网页」,它只能截你看到的那个窗口。
这个 Skill 绕过这个限制,直接用 Chrome 的调试协议,把整个页面——滚动条拉到底的那种——渲染成一张完整的 PNG。

🔥 几条硬核能力:

  • 全页截图:不管页面多长,自动计算总高度,一次出图
  • SPA 兼容:能检测 overflow 容器,SPA 懒加载也不漏
  • DOM 稳定性检测:等元素不再变化了才开拍,不截半加载状态
  • 延迟加载触发:自动滚动触发 IntersectionObserver,图片不会白屏
  • 超长页面分片:超过 16000px 自动切成 8000px 的 tile,然后用 Python PIL 拼回去
  • 两种模式:给 URL 自动截图,或截当前浏览器 Tab
  • 零依赖:纯 Node.js 内置模块,连 npm install 都不用

安装就一行:
npx skills add LewisLiu007/full-page-screenshot

然后对 Claude 说:「帮我截这个页面的完整长图」
剩下的事它自己搞定。

说实话 8 个 Star 太少了,这种实用型 Skill 就缺人传人。
按头安利给所有让 Claude 做 Web 端测试、页面存档、竞品截图的朋友。

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

评论区

0 条评论

登录后可评论。

查看完整榜单
查看完整榜单
查看完整榜单