Automated Screenshot Documentation

What problem does it solve?

This skill provides a standardized workflow to capture application UI screenshots autonomously, edit them to emphasize UI elements (such as clicking a specific button), and insert them directly into project documentation.

Core Features & Use Cases

• Automated Screenshot Capture: Programmatically capture UI screens using Playwright and a fixed viewport to ensure consistency.
• Image Annotation: Use Pillow to highlight elements, add bounding boxes and labels, creating clear UI walkthroughs.
• Documentation Integration: Move the annotated images into the documentation assets directory and reference them in operation manuals or guides.

Quick Start

Run the capture_screenshot.py script from the project root to generate an annotated UI screenshot and attach the output to your documentation assets.