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

# Giving your agent context

> Point the agent to the designs, browser pages, project content, and images it needs.

Good context tells [Agent chat](/agent/overview) what you're referring to and where the result should go.

## Using your current view

Agent chat automatically includes the view you're working in when you send a message. This can be a design, selected page in a flow, [browser tab](/browser/overview), theme, component library, snippets, icons, or project documentation.

The badges above the chat box show the context that will be sent with your next message.

## Referencing pages, components, snippets, and docs with @

Use an @ reference when the agent needs something outside your current view.

1. Type <kbd>@</kbd> in the chat box
2. Select a page, component, snippet, or document
3. Write your request and send it

## Pasting designs and browser captures

1. Copy a design, selected element, or [browser capture](/browser/capturing-as-designs)
2. Paste it into Agent chat
3. Add instructions and send your message

## Adding images

Click **Upload images**, drag images into the chat box, or paste them from your clipboard. Add a message explaining what the agent should use from the images, then send it.

## Sending browser edits and comments

After [editing or commenting on your live app](/browser/making-live-edits), click **Send** in the browser toolbar. Subframe sends the changes, comments, and a screenshot to Agent chat.

To include more instructions, open Agent chat before sending your message. Your pending browser changes are attached automatically.


## Related topics

- [Exporting code](/design/code-mode/overview.md)
- [Adding context with @](/learn/ask-ai/adding-context.md)
- [Overview](/agent/overview.md)