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

# Webpage Capture

> Capture and analyze specific web pages with screenshots and interactive elements to create rich training data.

## Overview

The Page Capture Agent specializes in detailed analysis of individual web pages by combining visual screenshots with DOM structure analysis.

<Info>
  This agent uses **AI vision technology** to analyze both the visual appearance
  and underlying structure of web pages.
</Info>

***

## What Navi Learns

<CardGroup cols={3}>
  <Card title="Context" icon="brain">
    Page purpose, user guidance, and training content
  </Card>

  <Card title="Pages" icon="window">
    Page layout, navigation, and interactive elements
  </Card>
</CardGroup>

***

## What Gets Extracted

* **Visual Information**: Layout structure, design elements, and interactive components
* **Functional Elements**: Form fields, navigation, and action items
* **Training Context**: Page purpose, user guidance, and common issues
* **Structured Data**: Element selectors, workflow steps, and context relationships

***

## Tips for Best Results

<Tip>
  **Provide extra notes**: Add a note to the screenshot to help Navi understand
  the page.
</Tip>

* Ensure the page is fully loaded before capture
* Set the page to its most representative state
* Clear any overlays or popups that might interfere
* Focus on key pages in important user workflows