What problem does it solve? Standard browser screenshots only capture the visible viewport, missing all content below the fold. This Skill captures the entire scrollable page—including SPA internal scroll containers and lazy-loaded images—as one complete PNG long image, without requiring Puppeteer, Playwright, or any npm dependencies. ## Core Features & Use Cases - Full-page capture via CDP: Connects directly to Chrome DevTools Protocol to render the entire page into a single PNG, with automatic tiling and stitching for pages over 16,000px tall. - SPA and lazy-load handling: Detects and expands overflow-y: scroll/auto containers, waits for DOM stability, and scrolls to trigger IntersectionObserver images before capturing. - Two capture modes: Screenshot an already-open browser tab by targetId (ideal for login-protected pages) or provide a URL to open, capture, and close automatically. - Use Case: You need to archive a long analytics dashboard rendered in an internal SPA. List open tabs, match the dashboard's targetId, and capture the full scrollable content as one high-resolution PNG. ## Quick Start Ask Claude to take a full-page screenshot of a specific URL or of the web page you currently have open in Chrome.
