一个浏览器就能搞定的「整页长截图」Skill，Claude Code 现在也能用了

做前端调研、写产品评测、留证据截图时，你有没有这种经历：页面明明很长，但普通截图只能截到第一屏；想要整页长图，还得装插件、开网页工具、再手动拼接。

现在 Claude Code 里有个超轻量的 Skill，直接在对话里说一句“截个长图”就搞定了。
项目叫 full-page-screenshot，零依赖，只靠 Chrome DevTools Protocol 打通浏览器，不需要 Puppeteer，也不需要 Playwright。

它不只是“截一张长图”这么简单：

• 单页应用自动处理，会识别 overflow-y: scroll 容器并展开；
• 等待 DOM 稳定后再出图，避免 SPA 还没渲染完就截图；
• 懒加载图片会自动触发，不会截出一堆空白占位；
• 超长页面超过 16,000px 时，自动切 Tile 后拼图，不会崩内存；
• 既能截当前已打开的 Chrome 标签页，也可以直接给 URL，让它在后台打开 → 截图 → 自动关闭。

我试下来，最爽的是不需要装一堆东西。Node.js 22+ 跑一个脚本，Chrome 开远程调试，剩下的全自动。写教程配图、给产品留证、给开发提 bug 截图，都省了很多来回。

对经常要做网页截图的人来说，这个 Skill 的投入回报比很高：配置一次，后面每次都是自然语言调用。Claude Code 识别到截图意图时，会自动唤起这个 Skill，不用记命令。

如果你也想在 Claude Code 里拥有「一句话截整页」的能力，可以直接装这个 Skill：

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

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