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

# Flow Builder

> Manage your MCP ecosystem with an interactive workflow canvas

The flow builder is a visual interface that provides an interactive overview of your entire MCP ecosystem. It shows the relationships between AI agents (LLMs), MCP servers, tools, API endpoints, and authentication providers in an intuitive, drag-and-drop environment.

![Flow builder showing LLM nodes connected to MCP servers, tools, and authentication providers](https://mintcdn.com/agentpass/CaVTOO8CIwxQ4npF/images/flow-builder/flow-builder-overview.jpeg?fit=max\&auto=format\&n=CaVTOO8CIwxQ4npF\&q=85\&s=7569c5d6078a1b6ab8c6fd42b1c3e440)

### Visual Elements (Nodes)

> **AI Agent**
>
> Represent AI agents that consume your MCP tools

> **MCP Server**
>
> Show MCP servers hosting collections of tools

> **MCP Tool**
>
> Display individual tools and their configurations

> **HTTP Request**
>
> Represent the actual API endpoints being called

> **Auth Provider**
>
> Show authentication providers and their connections

> **Connection Lines**
>
> Illustrate data flow and dependencies between components

## Node Types and Properties

### AI Agent

![LLM nodes showing different AI agents connected to the MCP server](https://mintcdn.com/agentpass/CaVTOO8CIwxQ4npF/images/flow-builder/flow-builder-ai-agent.jpeg?fit=max\&auto=format\&n=CaVTOO8CIwxQ4npF\&q=85\&s=861c4b74d15c5723472cf4302b9b6ace)

AI Agent nodes represent the AI assistants that can interact with your MCP server.

In order to connect an AI assistant to an MCP server, you need to click on the `"Connect"` button on the AI Agent node. This will open a modal with a list of available AI Agents.

> **Supported AI Agents**
>
> **Desktop Applications:**
>
> * Claude Desktop
> * Claude Web
> * ChatGPT
> * Cursor IDE
> * VSCode with MCP extensions
> * Windsurf
> * Cline
>
> **Command Line Tools:**
>
> * Claude Code CLI
> * Gemini CLI
>
> **Automation Platforms:**
>
> * N8N workflow automation

Follow the instructions in the modal to connect your AI Agent to your MCP server.

### MCP Server

![Server node showing MCP server configuration and connected tools](https://mintcdn.com/agentpass/CaVTOO8CIwxQ4npF/images/flow-builder/flow-builder-mcp-server.jpeg?fit=max\&auto=format\&n=CaVTOO8CIwxQ4npF\&q=85\&s=004a54a1cdddabd55579409de57386fc)

Server nodes display MCP server information and aggregate tools. Every MCP server has a `unique URL` that is used to connect to the server.

### MCP Tool

![Tool nodes showing individual API operations and their status](https://mintcdn.com/agentpass/CaVTOO8CIwxQ4npF/images/flow-builder/flow-builder-mcp-tool.jpeg?fit=max\&auto=format\&n=CaVTOO8CIwxQ4npF\&q=85\&s=c64c758a10fb904d90f5c7be6d55d9b4)

Tool nodes represent individual operations that AI agents can perform. They are typically connected to HTTP Request nodes or Auth Provider nodes.

You can:

* Create a new MCP Tool node
* Edit the MCP Tool node description and parameters
* Delete the MCP Tool node
* Connect / disconnect the MCP Tool node to an HTTP Request node
* Connect / disconnect Auth Provider node (if the tool requires authentication)

For more information on MCP Tools, see the [Tools](https://www.agentpass.ai/docs/tools/creating-tools.md) documentation.

### HTTP Request (API Endpoints)

![API endpoint nodes showing external services and their status](https://mintcdn.com/agentpass/CaVTOO8CIwxQ4npF/images/flow-builder/flow-builder-http-request.jpeg?fit=max\&auto=format\&n=CaVTOO8CIwxQ4npF\&q=85\&s=e2e25b89ce1296c8b5c995574db76138)

HTTP Request nodes represent the actual external or internal API services being called.

You can:

* Create / Edit / Delete a HTTP Request node
* Map Tool parameters to the HTTP Request
* Transform the HTTP Request response

For more information on HTTP Requests, see the [HTTP Requests](https://www.agentpass.ai/docs/http-requests/request-transformers.md) documentation.

### Auth Provider

![Authentication provider nodes showing OAuth and API key providers](https://mintcdn.com/agentpass/CaVTOO8CIwxQ4npF/images/flow-builder/flow-builder-mcp-auth.jpeg?fit=max\&auto=format\&n=CaVTOO8CIwxQ4npF\&q=85\&s=c4aed6f7f5dd89ccb86ffe809c3c5b8a)

Authentication provider nodes show security and credential management. They can be connected to MCP Tool nodes (for tools that require authentication) or MCP Server nodes (for servers that require authentication).

You can:

* Create / Edit / Delete a Auth Provider node
* Connect / disconnect the Auth Provider node to an MCP Tool node
* Connect / disconnect the Auth Provider node to an MCP Server node
* Select from a catalog of available Auth Providers

For more information on Authentication for MCP Servers and MCP Tools, see the [Authentication](https://www.agentpass.ai/docs/authentication/overview.md) documentation.

## Accessing the Flow Builder

**1. Navigate to Your Server**

From the servers dashboard, click on the server you want to visualize.

**2. Wait for Loading**

The flow builder will automatically load and arrange all components.

**3. Interact with Elements**

Click, drag, and connect elements to explore and modify your flow.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.