Skip to main content

Automate web interactions with Claude 3.5 Haiku and Airtop Browser Agent

Workflow preview

Workflow preview
100%
Automate web interactions with Claude 3.5 Haiku and Airtop Browser Agent preview
Open on n8n.io

Important notice

This workflow is provided as-is. Please review and test before using in production.

1. Workflow Overview

About this AI Agent This workflow is designed to automate web interactions by simulating a human user, using a combination of the Agent node and AI tools powered by Airtop. How does this workflow w...

Best for

  • Engineering automation workflows
  • AI Chatbot automation workflows
  • advanced n8n builders looking for reusable templates

Tools used

@n8n/n8n-nodes-langchain.agent, n8n-nodes-base.airtoptool, @n8n/n8n-nodes-langchain.toolworkflow, @n8n/n8n-nodes-langchain.lmchatanthropic, n8n-nodes-base.formtrigger, n8n-nodes-base.slack, n8n-nodes-base.stickynote, @n8n/n8n-nodes-langchain.outputparserstructured

Source and attribution

This workflow is cataloged by N8N Workflows and links back to its original n8n.io source page by Airtop.

Original n8n.io source

1.1 Workflow description

Title
Automate web interactions with Claude 3.5 Haiku and Airtop Browser Agent
Workflow name
Automate web interactions with Claude 3.5 Haiku and Airtop Browser Agent

About this AI Agent

This workflow is designed to automate web interactions by simulating a human user, using a combination of the Agent node and AI tools powered by Airtop.

How does this workflow works?

Form Submission Trigger: The workflow starts with a form submission trigger node named "On form submission". This node collects user instructions for the web AI agent, including a prompt and an optional Airtop profile name for sites requiring authentication.

AI Agent: The core of the workflow is the "AI Agent" node, which uses a smart web agent to manage a remote web browser. It is designed to fulfill user requests by interacting with the browser through various tools.

Browser Session Management

Start Browser: The "Start browser" node initiates a new browser session and window. It is essential for obtaining the sessionId and windowId required for subsequent operations. Session and Window Management: The workflow includes nodes for creating and managing browser sessions and windows, such as "Session" and "Window". Web Interaction Tools:

Load URL: This node loads a specified URL into the browser window. Query: The "Query" node allows the agent to ask questions and extract information from the current web page. Click: This node simulates clicking on elements within the web page. Type: The "Type" node types text into specified elements on the page. Session Termination: The "End session" node is used to terminate the browser session once the tasks are completed.

Output Handling

Structured Output Parser: This node processes the agent's results into a structured format.

Output: The final results are set and prepared for output. Slack Integration: Although currently disabled, there is a "Slack" node intended to send messages to a Slack channel, potentially for notifications or live view URLs.

Seting up your agent

Airtop API Credentials: Users must have valid Airtop API credentials to interact with the web browser tools. This includes nodes like "Click", "Query", "Load URL", "End session", "Type", "Session", and "Window". Slack API Credentials (Optional):

If users want to enable Slack notifications, they need to configure Slack OAuth2 credentials. The Slack node is currently disabled but can be used to send messages to a Slack channel. Anthropic API Credentials:

The "Claude 3.5 Haiku" node requires Anthropic API credentials. Users need to have access to this API to utilize the language model features.

1.2 Logical Blocks

This catalog entry is organized from the workflow JSON. The node-level section below shows the executable blocks available for review before importing the template.

2. Block-by-Block Analysis

Block 1 - AI Agent

Type / Role
@n8n/n8n-nodes-langchain.agent - agent
Config choices
Version 1.8

Block 2 - Click

Type / Role
n8n-nodes-base.airtopTool - airtopTool
Config choices
Version 1

Block 3 - Query

Type / Role
n8n-nodes-base.airtopTool - airtopTool
Config choices
Version 1

Block 4 - Load URL

Type / Role
n8n-nodes-base.airtopTool - airtopTool
Config choices
Version 1

Block 5 - End session

Type / Role
n8n-nodes-base.airtopTool - airtopTool
Config choices
Version 1

Block 6 - Type

Type / Role
n8n-nodes-base.airtopTool - airtopTool
Config choices
Version 1

Block 7 - Start browser

Type / Role
@n8n/n8n-nodes-langchain.toolWorkflow - toolWorkflow
Config choices
Version 2.1

Block 8 - Claude 3.5 Haiku

Type / Role
@n8n/n8n-nodes-langchain.lmChatAnthropic - lmChatAnthropic
Config choices
Version 1.3

Block 9 - On form submission

Type / Role
n8n-nodes-base.formTrigger - formTrigger
Config choices
Version 2.2

Block 10 - Slack

Type / Role
n8n-nodes-base.slack - slack
Config choices
Version 2.3

Block 11 - Sticky Note1

Type / Role
n8n-nodes-base.stickyNote - stickyNote
Config choices
Version 1

Block 12 - Structured Output Parser

Type / Role
@n8n/n8n-nodes-langchain.outputParserStructured - outputParserStructured
Config choices
Version 1.2

Block 13 - Output

Type / Role
n8n-nodes-base.set - set
Config choices
Version 3.4

Block 14 - Session

Type / Role
n8n-nodes-base.airtop - airtop
Config choices
Version 1

Block 15 - Window

Type / Role
n8n-nodes-base.airtop - airtop
Config choices
Version 1

Block 16 - Sticky Note

Type / Role
n8n-nodes-base.stickyNote - stickyNote
Config choices
Version 1

Block 17 - Return IDs

Type / Role
n8n-nodes-base.set - set
Config choices
Version 3.4

Block 18 - When Executed by Another Workflow

Type / Role
n8n-nodes-base.executeWorkflowTrigger - executeWorkflowTrigger
Config choices
Version 1.1

Block 19 - Slack1

Type / Role
n8n-nodes-base.slack - slack
Config choices
Version 2.3

3. Summary Table

Workflow Automate web interactions with Claude 3.5 Haiku and Airtop Browser Agent
Complexity advanced
Nodes 19
Categories Engineering, AI Chatbot
Author Airtop
Published 17 Apr 2025

4. Reproducing the Workflow from Scratch

  1. 1. Download the workflow JSON

    Use the JSON export at /data/workflows/3592/3592.json as the source template for this automation.

  2. 2. Import the template into n8n

    Open n8n, import the downloaded JSON, and review each node before activating the workflow.

  3. 3. Configure credentials and variables

    Replace placeholder credentials, API keys, webhook URLs, account IDs, and environment-specific values with your own settings.

  4. 4. Test with sample data

    Run the workflow manually or in a staging workspace, inspect node output, and confirm downstream systems receive the expected data.

  5. 5. Activate and monitor

    Enable the workflow only after testing, then monitor executions, errors, and rate limits during the first production runs.

5. General Notes & Resources

Review imported nodes carefully before activation. This catalog entry is intended to help you inspect the workflow structure, understand required services, and find related templates faster.

Node names, credentials, schedules, webhook paths, and external service limits may need adjustment for your workspace.

Frequently asked questions

What does Automate web interactions with Claude 3.5 Haiku and Airtop Browser Agent do?

About this AI Agent This workflow is designed to automate web interactions by simulating a human user, using a combination of the Agent node and AI tools powered by Airtop. How does this workflow w...

What do I need before importing this workflow?

Review the workflow JSON, configure any required credentials in n8n, and test the automation in a safe workspace before using it in production.

Can I customize this workflow?

Yes. Use the block-by-block analysis and the downloadable JSON to inspect each node, then adjust credentials, prompts, schedules, filters, or destinations for your Engineering, AI Chatbot use case.