> For the complete documentation index, see [llms.txt](https://docs.stoobly.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.stoobly.com/guides/how-to-record-requests/recording-from-the-ui.md).

# Recording from the UI

## Recording Requests

1. Visit the UI at [http://locahost:4200](http://locahost:4200/projects).

<figure><img src="/files/soS3Fc5GPHsCizOF9gag" alt=""><figcaption><p>Figure 1. Requests page with no recorded requests</p></figcaption></figure>

2. (Recommended) [Configure a scenario to record requests to](#scenario-configuration).
3. On the top left of the screen, click the **Run** button.

<div align="left"><img src="/files/k3iP3uVpJuhW065QGNvZ" alt="Figure 2. Agent UI navigation menu" width="339"></div>

The figure below indicates that recording has started.

<div align="left"><img src="/files/aZe0P9iyVQfFEZaJimYM" alt="Figure 3. Agent set to record requests" width="362"></div>

4. If the system proxy was [configured](/guides/proxy-configuration.md) properly to forward requests to our agent, you should now see requests appear in the requests page! You can now:

* Open up a new browser tab and visit your favorite webpage.
* Alternatively you can also use any HTTP client tool to send a request such as with `cURL`.

![Figure 4. Requests page with one recorded request](/files/sDojlgo2Ce1uFpnTGkdY)

## Scenario Configuration

Recording to a scenario is not required, but highly recommended.

1. Visit <http://localhost:4200/agent/proxy-settings>.

<div align="left"><img src="/files/8Y5ep39qYPDrJad8mfuQ" alt="Figure 5. Record General Settings"></div>

2. Set **Source or Destination** to a scenario.

<figure><img src="/files/m5eh6bF7hcElXRIZSCwx" alt=""><figcaption><p>Figure 8. How to set the destination to your scenario</p></figcaption></figure>