> ## 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.

# Overview

> Work with a coding agent across your designs, browser, and codebase.

Agent chat works in the same workspace as your designs, running app, and codebase. [Connect an agent](/agent/connecting-an-agent) to get started.

## Working across designs, browser, and code

Use the agent to:

* [Create or edit designs](/design/ask-ai/prompt-to-design) in Subframe
* Turn [browser edits and comments](/browser/making-live-edits) into code changes
* [Implement a design](/agent/making-code-changes) in your connected codebase
* [Start your local development server](/browser/previewing-your-local-app)

The agent automatically receives context from the view you're working in. You can also [add more context](/agent/giving-your-agent-context) by referencing project content, pasting designs, or attaching images.

To make changes to local code, first [connect your codebase](/agent/connecting-your-codebase).

## Opening Agent chat

In the [desktop app](/desktop-app), click **Agent** in the title bar or press <kbd>Cmd</kbd> + <kbd>/</kbd>.

Agent chat stays open as you move between designs and browser tabs. Your [chats can keep running](/agent/managing-chats) while you work elsewhere.


## Related topics

- [Overview](/learn/code-mode/overview.md)