@@ -25,15 +25,15 @@ npx n8n
2525Access n8n at ` http://localhost:5678 ` and complete the initial setup by creating an account.
2626
2727<Note >
28- For global installation: ` npm install n8n -g ` , then run ` n8n ` anytime.
28+ For global installation: ` npm install n8n -g ` , then run ` n8n ` anytime.
2929</Note >
3030
3131### Step 2: Install MCP Community Node
3232
3333Go to ** Settings → Community Nodes** and install ` n8n-nodes-mcp ` :
3434
3535<Frame >
36- < img src = " /images/n8n-node.png " alt = " Install n8n-nodes-mcp community node" />
36+ ![ Install n8n-nodes-mcp community node] ( /images/n8n-node.png )
3737</Frame >
3838
3939### Step 3: Create Workflow
@@ -44,7 +44,7 @@ Create a new workflow and add the **AI Agent** node. Then configure it:
44442 . In the AI Agent's ** Tools** section, search for "mcp" and add ** MCP Client Tool**
4545
4646<Frame >
47- < img src = " /images/mcp-node.png " alt = " Add MCP Client tool to AI Agent" />
47+ ![ Add MCP Client tool to AI Agent] ( /images/mcp-node.png )
4848</Frame >
4949
5050### Step 4: Configure AI Agent Prompt
@@ -56,7 +56,7 @@ choose the right tool based on the user input:{{ $json.chatInput }}
5656```
5757
5858<Frame >
59- < img src = " /images/agent-step.png" alt = " Configure AI Agent prompt " />
59+ ![ Configure AI Agent prompt ] ( /images/agent-step.png )
6060</Frame >
6161
6262### Step 5: Configure MCP Client Credentials
@@ -69,7 +69,7 @@ Click on the **MCP Client** node to configure it:
69694 . ** Arguments** : ` mcp-remote http://127.0.0.1:9101/mcp `
7070
7171<Note >
72- Replace ` 9101 ` with your BrowserOS MCP port from ** Settings → MCP** in BrowserOS.
72+ Replace ` 9101 ` with your BrowserOS MCP port from ** Settings → MCP** in BrowserOS.
7373</Note >
7474
7575### Step 6: Configure MCP Tool Execution
@@ -80,7 +80,7 @@ In the same MCP Client node:
80802 . ** Tool Name** : ` {{ $fromAI("tool") }} `
8181
8282<Frame >
83- < img src = " /images/client-step.png" alt = " Configure MCP Client node " />
83+ ![ Configure MCP Client node ] ( /images/client-step.png )
8484</Frame >
8585
8686### Step 7: Test Workflow
@@ -96,14 +96,15 @@ Execute and watch BrowserOS respond!
9696## Troubleshooting
9797
9898<Warning >
99- Connection issues? Verify:
100- - BrowserOS is running
101- - MCP server is enabled in BrowserOS settings
102- - Port number matches your BrowserOS MCP configuration
99+ Connection issues? Verify:
100+
101+ - BrowserOS is running
102+ - MCP server is enabled in BrowserOS settings
103+ - Port number matches your BrowserOS MCP configuration
103104</Warning >
104105
105106## Resources
106107
107108<Card title = " BrowserOS MCP Guide" icon = " book" href = " /browseros-mcp/how-to-guide" >
108109 Learn more about BrowserOS MCP
109- </Card >
110+ </Card >
0 commit comments