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

# Visual Mode

This guide walks through building an agent using Visual Mode in WisdomAI, from selecting a trigger to publishing your workflow for delivery. If you prefer to describe what you want and let the agent figure out the steps on every run, see [Create an agent - Prompt Mode](/advanced-features/agents/tutorial-create-agent).

<Note>
  The Agents feature is currently in beta.
</Note>

## Before you begin

Make sure you have the following:

* An active WisdomAI account with access to the **Agents** tab.
* A domain connected to the data you want the agent to work with.
* A delivery channel ready to configure: email or Slack.

## Step 1: Open the Agent Builder

Visual Mode is the default view when you open the Agent Builder. The node canvas opens automatically and is ready for you to build.

1. Navigate to the **Agents** tab in the left sidebar and click **Create Agent**.
   <Frame>
     <img src="https://mintcdn.com/wisdomai/brNJcvQzcnrq5xrA/images/create-agents-2104.png?fit=max&auto=format&n=brNJcvQzcnrq5xrA&q=85&s=503087eb58132df9a809cff8fcd51046" alt="Create Agent Builder" width="1920" height="603" data-path="images/create-agents-2104.png" />
   </Frame>
2. Select the **domain** your agent will run in.
   <Frame>
     <img src="https://mintcdn.com/wisdomai/P5hZDYmrq2hjhT45/images/select-domain.png?fit=max&auto=format&n=P5hZDYmrq2hjhT45&q=85&s=b3957f054eaf4c45efe4e24f265c7a05" alt="Select Domain" width="1169" height="586" data-path="images/select-domain.png" />
   </Frame>
3. (Optional) Edit your agent's name by clicking on the pencil icon. Add it in the **Agent Settings** modal and click **Save**.
   <Frame>
     <img src="https://mintcdn.com/wisdomai/qU65ji6kSmb998L4/images/setup-agent-name.png?fit=max&auto=format&n=qU65ji6kSmb998L4&q=85&s=a4811ed882f7a0b54d819d4e98cefecf" alt="Setup Agent Name" width="1588" height="740" data-path="images/setup-agent-name.png" />
   </Frame>

## Step 2: Generate your workflow with the WisdomAI Builder (recommended)

Rather than placing nodes manually, you can describe your agent in plain language and let the **WisdomAI Builder** generate the structure for you. The WisdomAI Builder is an AI-powered chat panel built into the canvas. Type what you want your agent to do in the **Describe your agent** bar at the bottom of the screen. WisdomAI Builder reads your connected domain and data sources, constructs the complete node structure, and renders it on the canvas for you to review, adjust, and publish.

<video src="https://mintcdn.com/wisdomai/qU65ji6kSmb998L4/videos/builder-ia.mp4?fit=max&auto=format&n=qU65ji6kSmb998L4&q=85&s=0388a7f02e9e8e8a492a8c0644253ed6" controls data-path="videos/builder-ia.mp4" />

You can use the WisdomAI Builder at any point, such as to create an agent from scratch or to modify an existing workflow. For example: *add a conditional branch that skips delivery if revenue is above target.*

<Frame>
  <img src="https://mintcdn.com/wisdomai/CKvpc7b7gkZJzWes/images/add-node-to-agent.png?fit=max&auto=format&n=CKvpc7b7gkZJzWes&q=85&s=a60e1101886c4c19cda58a6b3d5f16d6" alt="Add Node To Agent" width="1472" height="955" data-path="images/add-node-to-agent.png" />
</Frame>

If you prefer to place and configure nodes yourself, or want to refine what the Builder generated, continue to Step 3.

## Step 3: Build manually

Use manual building when you want to refine the workflow the Builder generated — swap a data source, add a condition, change an instruction — or when you prefer to place and configure each node yourself. You can build manually from the start or at any time after the Builder generates your workflow.

Every agent starts with a trigger node, which defines when the agent runs.

1. Click the trigger node on the canvas. The **Select trigger** panel opens on the right.
2. Choose a trigger type.

| Trigger            | When to use                                              |
| ------------------ | -------------------------------------------------------- |
| **Manual trigger** | Use this when you need this analysis to run on demand.   |
| **Schedule**       | Use this when you want a recurring analysis on schedule. |

3. If you select the Schedule trigger and want it to act only when a condition is met, enter it in the **Trigger Criteria** field. Leave it empty to run unconditionally every time the trigger fires.
   <Tip>
     Start with a single condition. Once you confirm it fires correctly, add more. Debugging a multi-condition trigger from scratch is significantly harder than layering conditions one at a time.
   </Tip>
   Here, also define when the agent runs: set a start date and time, and a frequency. Match the frequency to how often your data changes and how quickly you need to act on it.
4. Click **Done**.

<Frame>
  <img src="https://mintcdn.com/wisdomai/P5hZDYmrq2hjhT45/images/select-trigger.png?fit=max&auto=format&n=P5hZDYmrq2hjhT45&q=85&s=0451437fac2133d25e4d9a12caa22303" alt="Select Trigger" width="1839" height="1137" data-path="images/select-trigger.png" />
</Frame>

### Add and connect nodes

Nodes are the building blocks of a Visual Mode agent. Each node performs a specific task. They are connected through Edges, and these also define both the order of execution and how data flows between them.

<Note>
  For a full description of node types and how they behave, see the [Nodes Reference](/advanced-features/agents/nodes-reference).
</Note>

To add a node:

1. Click the **+** button on the trigger node to open the **Add node** menu.
2. Select the node type you want to add.

<Frame>
  <img src="https://mintcdn.com/wisdomai/CKvpc7b7gkZJzWes/images/15-04-2026_09-08-10.PNG?fit=max&auto=format&n=CKvpc7b7gkZJzWes&q=85&s=cc37ebe30d9c031bdaab49f164a01d4b" alt="Add node snippet" width="1836" height="1032" data-path="images/15-04-2026_09-08-10.PNG" />
</Frame>

3. Click on it to write an instruction in the node's settings panel describing what it should do with its input.
4. Click **Done**.
   <Frame>
     <img src="https://mintcdn.com/wisdomai/CKvpc7b7gkZJzWes/images/15-04-2026_09-20-41.PNG?fit=max&auto=format&n=CKvpc7b7gkZJzWes&q=85&s=ee18a89c86470a870902d2c8da969c7c" alt="Snippet showing how instructions are written for the node" width="1838" height="1031" data-path="images/15-04-2026_09-20-41.PNG" />
   </Frame>
5. To add another node, click the circular button on any node's output and extend the arrow to add the next node in the flow. Repeat until your workflow is complete.

<Tip>
  You don't have to finish the entire workflow before testing. Click **Preview** at any point to run the agent to its current state and see what each node produces. This makes it easier to catch problems early, before adding more nodes on top.

  <video src="https://mintcdn.com/wisdomai/qU65ji6kSmb998L4/videos/test-run.mp4?fit=max&auto=format&n=qU65ji6kSmb998L4&q=85&s=46feb78d4dc04e4d5f9767b5b10ab4c3" controls data-path="videos/test-run.mp4" />
</Tip>

<Warning>
  When you hover the mouse over a node, the **Delete node** icon appears. Click on it. In the modal that opens, select **Delete** to confirm the operation. **This action is irreversible**.

  <Frame>
    <img src="https://mintcdn.com/wisdomai/P5hZDYmrq2hjhT45/images/image-9.png?fit=max&auto=format&n=P5hZDYmrq2hjhT45&q=85&s=4f481e5a6ac606e1ae23b9faeffb163c" alt="Delete a node modal" width="766" height="423" data-path="images/image-9.png" />
  </Frame>
</Warning>

## Step 4: Configure the Artifact Builder

The Artifact Builder formats your workflow's output into a finished report for delivery.

1. Add the **Artifact Builder** node to the canvas, then click it to open its settings.
2. Write an instruction that covers two things separately: how to organize the data into sections, lists, and tables; and how to format the final output: headings, number formats, and layout.

Be explicit about formatting. The Artifact Builder does not infer structure on its own. Include details like:

* Section headings: "Section 1: Overview", "Section 2: Details"
* Table columns: "Include columns: Deal Name, Stage, Days Stuck, Owner"
* Number formats: "Show currency as \$X,XXX" and "Show percentages as X.X%"
* Conditional sections: "Only include the Incidents section if incidents occurred."

3. Click **Done**.

<video src="https://mintcdn.com/wisdomai/qU65ji6kSmb998L4/videos/artifact-1.mp4?fit=max&auto=format&n=qU65ji6kSmb998L4&q=85&s=5dbcdb1ab7fe9e146786d0c85ada99e8" controls data-path="videos/artifact-1.mp4" />

<Note>
  Every agent requires at least one Artifact Builder node and one delivery node before it can be published.
</Note>

## Step 5: Configure delivery

The delivery node sends your artifact to its destination.

1. Click **+** after the Artifact Builder node and select **Email**, **Slack**, or **Webhook**.
2. Enter the destination — an email address, Slack channel name, or webhook URL.
3. Click **Done**.
   <Frame>
     <img src="https://mintcdn.com/wisdomai/CKvpc7b7gkZJzWes/images/agent-email-node.png?fit=max&auto=format&n=CKvpc7b7gkZJzWes&q=85&s=c6e9013af3250d244abd49e2aeb0cb9b" alt="Agent Email Node" width="1209" height="508" data-path="images/agent-email-node.png" />
   </Frame>

<Note>
  To deliver to Slack, a workspace administrator must first connect your Slack workspace to WisdomAI. See [Connect to Slack](/integrations/connect-to-slack).
</Note>

## Step 6: Preview and test

At any point before publishing, you can run the agent manually to verify that the output is correct. To do this:

1. Click **Preview** in the top right corner.
2. You don't have to wait for the run to finish. As the agent executes, watch the canvas for progress. A green check confirms a node succeeded, a red X indicates a failure. Click the node to see the error.
3. At any point during or after the run, click on a node to review the data generated, the analysis performed, and the underlying SQL or Python code used.
   <Frame>
     <img src="https://mintcdn.com/wisdomai/qU65ji6kSmb998L4/images/view-data.png?fit=max&auto=format&n=qU65ji6kSmb998L4&q=85&s=e79272f6e2e1e6df8467e28baefecfaf" alt="Snippet showing the data fetched by the node" width="1315" height="775" data-path="images/view-data.png" />
   </Frame>
4. Click **End Preview** to return to the edit mode and adjust node instructions, trigger criteria, or formatting as needed, then preview again.

### Common fixes

| Problem                    | Fix                                                                                |
| -------------------------- | ---------------------------------------------------------------------------------- |
| Output is too broad        | Add filtering criteria and exclusions to the instruction                           |
| Data is missing            | Name the specific fields or columns you need                                       |
| Formatting is inconsistent | Add explicit section headings, column names, and number formats to the instruction |
| Trigger fires too often    | Tighten the threshold value                                                        |
| Trigger never fires        | Loosen the threshold value                                                         |

## Step 7: Publish your Agent

Once the preview output looks correct, make the agent live. To do that, click the **Publish** button. Your agent will become active instantly.

<Frame>
  <img src="https://mintcdn.com/wisdomai/P5hZDYmrq2hjhT45/images/publish-agent.png?fit=max&auto=format&n=P5hZDYmrq2hjhT45&q=85&s=ac5d7ec47ce360a9d878e91e19174ecf" alt="Image showing the publish Agent button in the UI" width="1523" height="785" data-path="images/publish-agent.png" />
</Frame>

The agent will run on the schedule you configured (unless you have chosen the manual trigger) and deliver output to the method you set. You can monitor past runs, edit the agent, or adjust the schedule at any time from the **Agents** tab.

## Next steps

<CardGroup cols={2}>
  <Card title="Manage your Agents" icon="sliders" href="/advanced-features/agents/manage-agents">
    Learn how to edit, share, and view the run history of your agents.
  </Card>

  <Card title="Nodes Reference" icon="grid" href="/advanced-features/agents/nodes-reference">
    Explore the full list of node types, inputs, and outputs.
  </Card>
</CardGroup>
