From 2c14f6350871e80294724abfa5fdc6b23e27d790 Mon Sep 17 00:00:00 2001 From: "molecule-ai[bot]" <276602405+molecule-ai[bot]@users.noreply.github.com> Date: Tue, 21 Apr 2026 01:37:02 +0000 Subject: [PATCH] =?UTF-8?q?docs(blog):=20fix=20Getting=20Started=20section?= =?UTF-8?q?=20=E2=80=94=20browser=20MCP=20is=20custom=20server=20not=20bui?= =?UTF-8?q?lt-in?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../index.md | 34 ++++++++++--------- 1 file changed, 18 insertions(+), 16 deletions(-) diff --git a/docs/blog/2026-04-20-chrome-devtools-mcp-seo/index.md b/docs/blog/2026-04-20-chrome-devtools-mcp-seo/index.md index 843f1886..ccfa1d8b 100644 --- a/docs/blog/2026-04-20-chrome-devtools-mcp-seo/index.md +++ b/docs/blog/2026-04-20-chrome-devtools-mcp-seo/index.md @@ -270,27 +270,29 @@ Compare this to n8n workflows: a human manually wires together a sequence of bro ## Getting Started with Molecule AI -Molecule AI workspaces expose browser tools via the MCP protocol — no Puppeteer, no Selenium fleet, no per-session SaaS bill. The browser runs as a managed MCP session inside your workspace. You describe what you want in plain language; the agent drives the browser. +To use browser automation in a Molecule AI workspace, you connect your own MCP server (such as the `ChromeDevToolsMCP` shown above) using Molecule AI's built-in MCP tool registration. The platform handles the WebSocket lifecycle and tool call routing — you bring the browser logic. -To enable browser tools in a Molecule AI workspace, add them to your workspace configuration: +**Configure the MCP server URL in your workspace:** -```yaml -# workspace-config.yaml -mcp: - tools: - - browser_navigate - - dom_query - - page_screenshot - - network_intercept - session: - persistent: true # maintain cookies + localStorage across calls - headless: true # or false to see the browser window - debugging_port: 9222 # auto-assigned in Molecule AI cloud +```bash +# Set your browser MCP server endpoint via the platform API +curl -X PATCH "${PLATFORM_URL}/workspaces/${WORKSPACE_ID}/config" \ + -H "Authorization: Bearer ${WORKSPACE_TOKEN}" \ + -d '{ + "mcp_servers": { + "browser": { + "type": "streamable_http", + "url": "http://localhost:9223/mcp" + } + } + }' ``` -Three lines. No WebSocket management, no CDP command dispatch to write. The agent has a live browser session the moment the workspace starts. +Or use the Canvas UI: Workspace → Config → MCP Servers → Add browser MCP server. -Compare that to wiring Playwright into LangChain: you write async wrapper functions, handle `page.goto()` timeouts in the prompt, and debug failures by reading through decorator-stacked chain outputs. With Molecule AI and MCP, the browser is a first-class tool — typed, session-aware, and ready to use. +**What Molecule AI provides:** WebSocket routing, tool call auth, session lifecycle, and the A2A bridge so your agent sees browser tools as native workspace tools. You bring the CDP bridge (or use the `ChromeDevToolsMCP` example above). + +**Compare that to wiring Playwright into LangChain:** you write async wrapper functions, handle `page.goto()` timeouts in the prompt, and debug failures by reading through decorator-stacked chain outputs. With Molecule AI and MCP, the browser is a first-class tool — typed, session-aware, and registered the same way as any other MCP tool. → [MCP Server Setup Guide](/docs/guides/mcp-server-setup) → [Quickstart: Deploy your first AI agent](/docs/quickstart)