# Agent Flow

The **Agent Flow** feature allows you to build custom interaction flows using visual components such as messages, AI agents, and buttons.

### How to access

You can access the **Agent Flow** screen in two ways:

* **Top Menu:** From any area in **Skyone Studio**, click **Agent Flow** in the top-right corner.
* **Side Menu:** While navigating **Skyone Studio** (except for the Home screen), select **Agent Flow** from the left sidebar.

Upon clicking the menu, you can:

* View all existing agent flows in the workspace.
* Create a new agent flow using the button provided on the screen.

#### **View options**

Use the tools in the top-right corner to organize your view:

* **Search:** Find flows by name.
* **Grid Mode:** Default view using cards.
* **List Mode:** Row display for quick reference.
* **Ascending Order:** Sorts flows alphabetically.

### Creating an Flow Agent

1. In the **Agent Flow** area, click **Create Flow.**
2. Fill in the information in the modal:
   1. **Name**
   2. **Description**
   3. **Image**: Upload or drag and drop a file (PNG or JPG). After uploading, adjust the size in the editor and click Apply Image.
3. Click **Create** to finish.

### Agente Flow Options

Each flow has an **Options** button (three dots on the right). Click it to manage the flow:

* **View:** Opens the flow for review (also accessible by clicking the card).
* **Edit:** Modify the name, description, or image. Click **Edit Flow** to save changes.
* **Delete:** Use this to remove a flow. A confirmation screen will appear. To confirm, type the flow name in the specific field and click **Delete**. 

{% hint style="warning" %}
This action cannot be undone.
{% endhint %}

### Agent Flow Configuration

Clicking on a flow directs you to the Whiteboard. This is your workspace to create, edit, and configure flows.

#### Toolbar

Located on the left side of the whiteboard, it offers:

* **Move Tool:** Navigate the whiteboard by dragging the screen.
* **Selection Tool:** Select components within the flow.
* **Modules:** Contains building blocks like messages, buttons, and agents.

#### **Using modules**

Click and drag a component to add it to the flow:

* **Agents:** Select an existing agent. [Learn how to create an Agent](/english/skyone-studio/artificial-intelligence/agents.md#create-an-agent).
* **Construction:** There are two types of building blocks:
  * **Message:** Used to add text at any point in the flow.
  * **Button:** Add options for users.

**Edit Building Blocks**

With the **Selection Tool** active, double-click a component to edit it. Available actions include:

* **Button Name:** The button name must have a maximum of 20 characters.
* **Copy URL:** Copies the direct link to the component.
* **Delete Component:** Removes the element.
* **Title:** Descriptive text displayed to the user.
* **Buttons:** Displays all buttons (max. 3 per block).
* **Add Action:** Adds an action button.

Click **Apply** to save changes.

#### Additional Features

* **Manual Execution:** Starts a flow test to validate logic. [Learn more in Playground](/english/skyone-studio/artificial-intelligence/playground.md).
* **Zoom:** Adjust the whiteboard magnification level.
* **Logs:** View change history filtered by date.

{% hint style="success" %}
Read also: [Connecting flow components](/english/skyone-studio/integrations/flows/connecting-components-of-a-flow.md)
{% endhint %}

***

### FAQ

<details>

<summary>What is the Agent Flow feature?</summary>

It is a resource that allows you to build custom interaction flows using visual components such as messages, AI agents, and buttons.

</details>

<details>

<summary>How can I access the Agent Flow screen?</summary>

You can access it via the top menu (right corner) or the side menu (left bar) within  **Skyone Studio**.

</details>

<details>

<summary>What information is required to create a new flow?</summary>

You must provide a name, a description, and upload an image (PNG or JPG).

</details>

<details>

<summary>What types of modules are available for building a flow?</summary>

There are two types: "Agents" (existing agents) and "Construction" (Message and Button blocks).

</details>

<details>

<summary>How do I edit a construction block on the whiteboard?</summary>

With the Selection Tool active, double-click the component to edit the block.

</details>

<details>

<summary>What do the Logs display in Agent Flow?</summary>

They show the history of changes made to the flow, with a filter by date.

</details>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.skyone.cloud/english/skyone-studio/artificial-intelligence/agent-flow.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.