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.

This action cannot be undone.

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.

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

• Zoom: Adjust the whiteboard magnification level.

• Logs: View change history filtered by date.

Read also: Connecting flow components