Screenshot
Capture high-quality, stable screenshots of desktops, browsers, and simulators for debugging, QA, and documentation with professional precision.
# Screenshot Capture high-quality, stable screenshots of desktops, browsers, and simulators for debugging, QA, and documentation with professional precision. The Screenshot skill provides a robust framework for capturing, inspecting, and comparing visual data across multiple environments. Whether you need to document a bug, perform visual regression testing, or capture a specific UI element, this skill ensures your screenshots are stable, reproducible, and noise-free . It intelligently selects the best tool for the job—ranging from OS-native utilities like screencapture on macOS to Playwright for web applications—ensuring high-fidelity output every time. ## How It Works - **Environment Detection**: Identifies if the target is a desktop app, a web page, or a mobile simulator. - **Tool Selection**: Uses native tools (e.g., - **Stabilization**: Waits for network idle, font rendering, and layout transitions to finish before capturing. - **Noise Reduction**: Automatically handles cursors, carets, and sensitive data masking to produce clean, professional images. ## Key Features - **Multi-Platform Support**: Native capture for macOS, Windows, Linux (X11/Wayland), and iOS Simulators. - **Web-Native Precision**: Leverages Playwright for stable, element-level, and full-page web screenshots. - **Visual Stability**: Freezes viewports, disables animations, and hides carets for perfect visual diffs. - **Smart Scoping**: Supports full-screen, window-specific, region-based, or element-level captures. - **Optimized Formats**: Defaults to PNG for text clarity while supporting JPEG and WebP when appropriate. ## Requirements This skill primarily utilizes system-level utilities and does not require external API keys for its core functionality. ## Use Cases - **QA & Debugging**: Capture precise UI states during automated test failures for faster troubleshooting. - **Documentation**: Generate clean, consistent screenshots for user guides and release notes without UI noise. - **Visual Regression**: Compare before-and-after states with fixed viewports to detect subtle layout shifts. - **Mobile Development**: Capture high-fidelity screenshots directly from iOS simulators using native tooling. ## Installation Install via: `npx clawhub@latest install screenshot`