UI Screenshots Capture screenshots of web apps and graphical UIs during development to document visual changes. When to Use This Skill Use this skill when you need to: - Capture the current state of a running web app - Document a UI before and after a code change - Screenshot interactive states (tooltips, hovers, selected elements) - Capture specific sections of a page without re-screenshotting Prerequisites Core Workflow 1. Take a raw full-page screenshot - Use a tall viewport (height=5000) so the page renders everything without scrolling - + ensures async charts load - captures the entire s…