截长图这件事,我给 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 条评论
登录后可评论。












