screenshot-annotator

You can automatically annotate screenshots with arrows and callouts by running the annotate.py script with a screenshot path and target instruction to generate an annotated image. This process uses Gemini Vision to apply overlays like red boxes, arrows, and callouts for documentation.

Adding overlay annotations does not modify the original screenshot image. The process produces non-destructive annotated outputs, ensuring your original input images remain unchanged while generating new files with red boxes, arrows, and highlights applied.

Yes, you need a Gemini API key to apply visual callouts to UI walkthroughs. The annotation process requires a GEMINI_API_KEY or GOOGLE_API_KEY environment variable to leverage Gemini Vision for consistent visual guidance across images.

Yes, you can use this screenshot annotation method for technical manuals and UX reviews. It works across product demos, developer guides, and UX reviews by applying consistent visual cues and optional text labels to clarify UI elements.

The best way to add red boxes and highlights to multiple screenshots consistently is to automate the process using Gemini Vision. By passing target instructions to the annotation script, you ensure predictable overlays and safe parameter validation across all images.