What problem does it solve? Capturing accurate screenshots of web pages is harder than it looks: lazy-loaded content, sticky headers, animations, and responsive layouts all cause incomplete or misleading captures. This Skill provides a structured Playwright workflow that handles these pitfalls so screenshots are complete and reproducible. ## Core Features & Use Cases - Full-Page Capture: Scrolls through pages to trigger lazy loading, waits for network idle, and captures below-the-fold content with fullPage: true. - Element Screenshots: Locates specific elements by selector and captures them with configurable padding for bug reports and visual evidence. - Device Emulation: Emulates mobile viewports (e.g., iPhone 14 Pro at 393x852 with device scale factor 3) for responsive layout verification. - Use Case: A QA engineer needs visual evidence of a checkout bug. The Skill navigates to the page, waits for dynamic content, captures the error banner element with padding, and saves an annotated screenshot with timestamp and viewport metadata. ## Quick Start Capture a full-page screenshot of the checkout page at desktop viewport and save it with a timestamped filename.
