> ## Documentation Index
> Fetch the complete documentation index at: https://hercules.app/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Capture Tools

> Screenshot, annotate, screen record, and select elements to give Hercules precise visual context for changes.

Use capture tools to give Hercules precise visual context about what you want to change. Visual context eliminates ambiguity. Instead of describing where a button is, just show it.

Access capture tools from the **+** button in the input bar. Hercules has 4 Capture Tools:

* **Screenshot**: Take a screenshot of part of your app to reference specific UI
* **Annotate**: Add comments, boxes, arrows, and notes to a screenshot of your app
* **Screen record**: Record a video showing a bug or desired interaction
* **Select element**: Point the Agent to a specific HTML element

<div className="screenshot ocean">
  <img src="https://mintcdn.com/zeus-0f6dadbf/XGdhomUfmdECFxjD/images/apps/capture-tools-all.png?fit=max&auto=format&n=XGdhomUfmdECFxjD&q=85&s=0f8638364f7dd5473444ad67f3db0993" alt="Capture tools menu showing add photos and files, take a screenshot, record a video, add comments and drawings, and select element options" width="466" height="474" data-path="images/apps/capture-tools-all.png" />
</div>

### Screenshot

Screenshots allows you to the Agent visual context so it knows exactly what you're referring to.

### Annotate

Markup a screenshot of your app with comments, boxes, arrows, and drawings. Annotations make it extremely clear what changes you want to make and are exceptionally useful for quick UI and copy changes.

<div className="screenshot fire">
  <img src="https://mintcdn.com/zeus-0f6dadbf/kr00GTozD-mEFvWE/images/apps/capture-tools-annotate.png?fit=max&auto=format&n=kr00GTozD-mEFvWE&q=85&s=a9fabec49ce6a2ad563bcba7d66ecde0" alt="Annotating a screenshot with boxes and notes" width="1830" height="1624" data-path="images/apps/capture-tools-annotate.png" />
</div>

### Screen Record

Show a bug or desired interaction as a video. Screen recordings help the Agent understand timing, animations, and multi-step flows.

<iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/Ldk3UKaaGv0" title="Screen recording with Hercules capture tools" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen />

### Select Element

Point the Agent at the exact HTML element. This is useful when you want to change a specific element without ambiguity.

### FAQ

<AccordionGroup>
  <Accordion title="Do I have to use Hercules' screenshot tool? Can I use my own screenshots instead?">
    Yes, you can use your own. However, Hercules compresses its screenshots so it reduces credit
    consumption.
  </Accordion>

  <Accordion title="What's the difference between screenshot and select element?">
    Screenshot captures an image of your app. Select element identifies a specific HTML element in
    the code.
  </Accordion>
</AccordionGroup>