# How to integrate Browser tool MCP with Grok Build

```json
{
  "title": "How to integrate Browser tool MCP with Grok Build",
  "toolkit": "Browser tool",
  "toolkit_slug": "browser_tool",
  "framework": "Grok Build",
  "framework_slug": "grok-build",
  "url": "https://composio.dev/toolkits/browser_tool/framework/grok-build",
  "markdown_url": "https://composio.dev/toolkits/browser_tool/framework/grok-build.md",
  "updated_at": "2026-05-12T10:04:14.980Z"
}
```

## Introduction

### How to integrate Browser tool MCP with Grok Build
[Grok Build](https://docs.x.ai/build/overview) is xAI's terminal coding agent. It runs on Grok 4.5, plans its work before it acts, and can run multiple sub-agents in parallel. It also reads Claude Code's MCP configuration, so any server you already have in a .mcp.json is picked up with no changes.
In this guide, I will show you how to connect your Browser tool account to Grok Build through Composio, so it can copy highlighted text from this webpage, drag and drop a file to upload section, fetch and summarize main page content, and more without leaving the terminal. Composio holds the OAuth tokens for you, and Grok Build only calls the tools you approve.

## Also integrate Browser tool with

- [ChatGPT Work](https://composio.dev/toolkits/browser_tool/framework/chatgpt)
- [Antigravity](https://composio.dev/toolkits/browser_tool/framework/antigravity)
- [OpenAI Agents SDK](https://composio.dev/toolkits/browser_tool/framework/open-ai-agents-sdk)
- [Claude Agent SDK](https://composio.dev/toolkits/browser_tool/framework/claude-agents-sdk)
- [Claude Code](https://composio.dev/toolkits/browser_tool/framework/claude-code)
- [Claude Cowork](https://composio.dev/toolkits/browser_tool/framework/claude-cowork)
- [Codex](https://composio.dev/toolkits/browser_tool/framework/codex)
- [Cursor](https://composio.dev/toolkits/browser_tool/framework/cursor)
- [VS Code](https://composio.dev/toolkits/browser_tool/framework/vscode)
- [OpenCode](https://composio.dev/toolkits/browser_tool/framework/opencode)
- [OpenClaw](https://composio.dev/toolkits/browser_tool/framework/openclaw)
- [Hermes](https://composio.dev/toolkits/browser_tool/framework/hermes-agent)
- [CLI](https://composio.dev/toolkits/browser_tool/framework/cli)
- [Google ADK](https://composio.dev/toolkits/browser_tool/framework/google-adk)
- [LangChain](https://composio.dev/toolkits/browser_tool/framework/langchain)
- [Vercel AI SDK](https://composio.dev/toolkits/browser_tool/framework/ai-sdk)
- [Mastra AI](https://composio.dev/toolkits/browser_tool/framework/mastra-ai)
- [LlamaIndex](https://composio.dev/toolkits/browser_tool/framework/llama-index)
- [CrewAI](https://composio.dev/toolkits/browser_tool/framework/crew-ai)

## TL;DR

### Why use Composio over a standalone MCP server?
- Read and write access. Composio's Browser tool integration lets Grok Build take real actions like creating drafts, sending updates, and labeling records, not just reading data.
- 1,000+ SaaS toolkits out of the box. One endpoint gives you a full catalog of pre-built connectors, from Gmail and Slack to Notion, Linear, and Salesforce.
- One MCP server for every app. Wire up a single Composio server instead of maintaining a separate MCP entry for each app.
- Smart, context-aware tool loading. Grok Build caps how many tools it holds in a single request. Composio loads only the tools a task needs, so you do not spend that budget on tools you are not using.
- Cross-app automation. Chain actions across apps in one run. Pull a thread, summarize it in Notion, and post the highlights to Slack from a single prompt.

## Connect Browser tool to Grok Build

### Prerequisites
- Grok Build installed and signed in. Install with curl -fsSL https://x.ai/cli/install.sh | bash on macOS or Linux, or irm https://x.ai/cli/install.ps1 | iex on Windows PowerShell. On first launch Grok opens a browser to authenticate; for headless or CI use, set an XAI_API_KEY environment variable instead (create the key at [console.x.ai](https://console.x.ai/)).
- Access to the Browser tool account you want to connect.
- The [Composio MCP endpoint](https://dashboard.composio.dev/login?utm_source=toolkits&utm_medium=framework_template&utm_campaign=grok-build&utm_content=composio_connect). Composio's server is remote and hosted, so there is nothing to run locally and no tunnel to set up.
### Step-by-step: Connect Browser tool to Grok Build
### 1. Install and verify Grok Build
Install the CLI, then restart your shell so the grok binary lands on your PATH:

```bash
curl -fsSL https://x.ai/cli/install.sh | bash
which grok
```

## What is the Browser tool MCP server, and what's possible with it?

The Browser tool MCP server is an implementation of the Model Context Protocol that connects your AI agent and assistants like Claude, Cursor, etc directly to browser automation tools. It provides structured and secure access to browser actions, so your agent can fetch web content, perform clicks, automate keyboard shortcuts, move the mouse, and interact with on-page elements just like a real user.
- Fetch and analyze webpage content: Let your agent retrieve the full HTML or clean text of any web page for data extraction, analysis, or decision-making.
- Automated mouse and keyboard interactions: Instruct your agent to perform precise clicks, double clicks, drags, and keyboard shortcuts to navigate, select, or manipulate content on the page.
- Clipboard and text extraction: Have the agent copy highlighted text, read clipboard contents, or transfer data between the browser and other tools for seamless workflows.
- Drag-and-drop automation: Enable your agent to handle complex drag-and-drop actions, such as moving files or rearranging lists, to mimic advanced user interactions.
- Fine-grained UI element control: Direct your agent to move the mouse, press and hold, or release buttons at exact coordinates to interact with dynamic or custom web interfaces.

## Supported Tools

| Tool slug | Name | Description |
|---|---|---|
| `BROWSER_TOOL_CREATE_TASK` | Run Browser Task | Run an AI-powered browser automation task. The AI agent will control a cloud browser to complete your task. It can: - Navigate websites, click buttons, fill forms - Extract data and return results - Handle multi-step workflows (login -> navigate -> extract) - Solve CAPTCHAs and handle dynamic content If there is no running browser session in context, call CreateTask to start one. AFTER CREATING A TASK: 1. Use GetSession with browser_session_id to get the liveUrl - share with user to watch live 2. Use WatchTask with watch_task_id to check progress and get the final result 3. Use StopTask if you need to abort TIPS FOR GOOD TASKS: - Be specific: "Click login, enter email 'test@test.com', click submit" - Break complex workflows into smaller tasks |
| `BROWSER_TOOL_GET_OUTPUT_FILE` | Download Task File | Get a download URL for a file generated by a task. When a task downloads or creates files (PDFs, images, spreadsheets, etc.), they appear in WatchTask's outputFiles list. Use this to get a download URL. The download URL is temporary (presigned) - download promptly. |
| `BROWSER_TOOL_GET_SESSION` | Get Session Live URL | Get the live URL to watch a browser session in real-time. Call this right after CreateTask to get the liveUrl. Always share this URL with the user so they can watch the AI agent working in the browser. The liveUrl opens a visual stream showing exactly what the browser agent sees and does. |
| `BROWSER_TOOL_STOP_TASK` | Stop Browser Task | Kill a browser task and its session. Use this when the browser agent is in a bad state: - Task is stuck or taking too long - WatchTask shows the agent going in the wrong direction - Agent is looping or making no progress After stopping, call CreateTask again to start fresh with a new browser. |
| `BROWSER_TOOL_WATCH_TASK` | Watch Browser Task | Poll a browser task to check progress and get results. Call this after CreateTask to monitor the task: - status='started' means still running, poll again - status='finished' means done, check output and is_success - status='stopped' means aborted - status='failed' means an error occurred Returns what the agent is doing (current_goal, current_url), screenshots from each step, and any files generated. If the agent is going wrong, use StopTask to kill it and start fresh. |

## Supported Triggers

None listed.

## Creating MCP Server - Stand-alone vs Composio SDK

Once connected, Grok Build can access the Browser tool MCP server via Composio to run the app actions you authorize, directly from your terminal.

## Complete Code

None listed.

## How to build Browser tool MCP Agent with another framework

- [ChatGPT Work](https://composio.dev/toolkits/browser_tool/framework/chatgpt)
- [Antigravity](https://composio.dev/toolkits/browser_tool/framework/antigravity)
- [OpenAI Agents SDK](https://composio.dev/toolkits/browser_tool/framework/open-ai-agents-sdk)
- [Claude Agent SDK](https://composio.dev/toolkits/browser_tool/framework/claude-agents-sdk)
- [Claude Code](https://composio.dev/toolkits/browser_tool/framework/claude-code)
- [Claude Cowork](https://composio.dev/toolkits/browser_tool/framework/claude-cowork)
- [Codex](https://composio.dev/toolkits/browser_tool/framework/codex)
- [Cursor](https://composio.dev/toolkits/browser_tool/framework/cursor)
- [VS Code](https://composio.dev/toolkits/browser_tool/framework/vscode)
- [OpenCode](https://composio.dev/toolkits/browser_tool/framework/opencode)
- [OpenClaw](https://composio.dev/toolkits/browser_tool/framework/openclaw)
- [Hermes](https://composio.dev/toolkits/browser_tool/framework/hermes-agent)
- [CLI](https://composio.dev/toolkits/browser_tool/framework/cli)
- [Google ADK](https://composio.dev/toolkits/browser_tool/framework/google-adk)
- [LangChain](https://composio.dev/toolkits/browser_tool/framework/langchain)
- [Vercel AI SDK](https://composio.dev/toolkits/browser_tool/framework/ai-sdk)
- [Mastra AI](https://composio.dev/toolkits/browser_tool/framework/mastra-ai)
- [LlamaIndex](https://composio.dev/toolkits/browser_tool/framework/llama-index)
- [CrewAI](https://composio.dev/toolkits/browser_tool/framework/crew-ai)

## Related Toolkits

- [Composio](https://composio.dev/toolkits/composio) - Composio is an integration platform that connects AI agents with hundreds of business tools. It streamlines authentication and lets you trigger actions across services—no custom code needed.
- [Composio search](https://composio.dev/toolkits/composio_search) - Composio search is a unified web search toolkit spanning travel, e-commerce, news, financial markets, images, and more. It lets you and your apps tap into up-to-date web data from a single, easy-to-integrate service.
- [Perplexityai](https://composio.dev/toolkits/perplexityai) - Perplexityai delivers natural, conversational AI models for generating human-like text. Instantly get context-aware, high-quality responses for chat, search, or complex workflows.
- [Ai ml api](https://composio.dev/toolkits/ai_ml_api) - Ai ml api is a suite of AI/ML models for natural language and image tasks. It provides fast, scalable access to advanced AI capabilities for your apps and workflows.
- [Aivoov](https://composio.dev/toolkits/aivoov) - Aivoov is an AI-powered text-to-speech platform offering 1,000+ voices in over 150 languages. Instantly turn written content into natural, human-like audio for any application.
- [All images ai](https://composio.dev/toolkits/all_images_ai) - All-Images.ai is an AI-powered image generation and management platform. It helps you create, search, and organize images effortlessly with advanced AI capabilities.
- [Anthropic administrator](https://composio.dev/toolkits/anthropic_administrator) - Anthropic administrator is an API for managing Anthropic organizational resources like members, workspaces, and API keys. It helps you automate admin tasks and streamline resource management across your Anthropic organization.
- [Api labz](https://composio.dev/toolkits/api_labz) - Api labz is a platform offering a suite of AI-driven APIs and workflow tools. It helps developers automate tasks and build smarter, more efficient applications.
- [Apipie ai](https://composio.dev/toolkits/apipie_ai) - Apipie ai is an AI model aggregator offering a single API for accessing top AI models from multiple providers. It helps developers build cost-efficient, latency-optimized AI solutions without juggling multiple integrations.
- [Astica ai](https://composio.dev/toolkits/astica_ai) - Astica ai provides APIs for computer vision, NLP, and voice synthesis. Integrate advanced AI features into your app with a single API key.
- [Bigml](https://composio.dev/toolkits/bigml) - BigML is a machine learning platform that lets you build, train, and deploy predictive models from your data. Its intuitive interface and robust API make machine learning accessible and efficient.
- [Botbaba](https://composio.dev/toolkits/botbaba) - Botbaba is a platform for building, managing, and deploying conversational AI chatbots across messaging channels. It streamlines chatbot automation, making it easier to integrate AI into customer interactions.
- [Botpress](https://composio.dev/toolkits/botpress) - Botpress is an open-source platform for building, deploying, and managing chatbots. It helps teams automate conversations and deliver rich, interactive messaging experiences.
- [Chatbotkit](https://composio.dev/toolkits/chatbotkit) - Chatbotkit is a platform for building and managing AI-powered chatbots using robust APIs and SDKs. It lets you easily add conversational AI to your apps for better user engagement.
- [Cody](https://composio.dev/toolkits/cody) - Cody is an AI assistant built for businesses, trained on your company's knowledge and data. It delivers instant answers and insights, tailored for your team.
- [Context7 MCP](https://composio.dev/toolkits/context7_mcp) - Context7 MCP delivers live, version-specific code docs and examples right from the source. It helps developers and AI agents instantly retrieve authoritative programming info—no more out-of-date docs.
- [Customgpt](https://composio.dev/toolkits/customgpt) - CustomGPT.ai lets you build and deploy chatbots tailored to your own data and business needs. Get precise and context-aware AI conversations without writing code.
- [Datarobot](https://composio.dev/toolkits/datarobot) - Datarobot is a machine learning platform that automates model development, deployment, and monitoring. It empowers organizations to quickly gain predictive insights from large datasets.
- [Deepgram](https://composio.dev/toolkits/deepgram) - Deepgram is an AI-powered speech recognition platform for accurate audio transcription and understanding. It enables fast, scalable speech-to-text with advanced audio intelligence features.
- [DeepImage](https://composio.dev/toolkits/deepimage) - DeepImage is an AI-powered image enhancer and upscaler. Get higher-quality images with just a few clicks.

## Frequently Asked Questions

### What is the difference between the Composio Tool Router and a standalone Browser tool MCP server?

A standalone Browser tool MCP server gives Grok Build a fixed set of Browser tool tools tied to that one server. The Composio Tool Router lets Grok Build load tools from Browser tool and many other apps on demand, based on the task, all through a single endpoint.

### Does Grok Build support MCP?

Yes. Grok Build ships with native MCP support. Add a server with the grok mcp add command, from the in-session /mcps modal, or by editing ~/.grok/config.toml. It also reads Claude Code-style .mcp.json files, so Grok Build discovers the tools automatically.

### Can I reuse the same MCP config I already use with Claude Code?

Yes. Grok Build has zero-migration compatibility with Claude Code's configuration, so the same Composio server entry works in both without edits.

### How safe is my Browser tool data with Composio?

Tokens, keys, and configuration are encrypted at rest and in transit. Composio is SOC 2 Type 2 compliant, so your Browser tool data and credentials are handled to that standard.

---
[See all toolkits](https://composio.dev/toolkits) · [Composio docs](https://docs.composio.dev/llms.txt)