# How to integrate Browser tool MCP with Pi ```json { "title": "How to integrate Browser tool MCP with Pi", "toolkit": "Browser tool", "toolkit_slug": "browser_tool", "framework": "Pi", "framework_slug": "pi-agent", "url": "https://composio.dev/toolkits/browser_tool/framework/pi-agent", "markdown_url": "https://composio.dev/toolkits/browser_tool/framework/pi-agent.md", "updated_at": "2026-08-11T13:03:34.427Z" } ``` ## Introduction Pi is a minimal, self-extensible coding agent that lives in your terminal — one agent loop over Claude, GPT-5, Gemini, Grok, DeepSeek, and 20+ other providers, with maximum extension surface and minimum product opinion. Its core ships four tools (read, write, edit, bash) and self-extends at runtime through skills, extensions, and packages. This guide explains the easiest and most robust way to connect your Browser tool account to Pi. You can do this through either Composio Connect CLI or Composio Connect MCP. Because Pi already runs shell commands as first-class tools and ships no built-in MCP, the CLI is the recommended path — it's faster to set up, needs no server config, and chains multi-step tasks more reliably. The MCP path is also fully supported through Pi's official pi-mcp-adapter extension. ## 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) - [Grok Build](https://composio.dev/toolkits/browser_tool/framework/grok-build) - [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) - [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) - [Pydantic AI](https://composio.dev/toolkits/browser_tool/framework/pydantic-ai) - [AutoGen](https://composio.dev/toolkits/browser_tool/framework/autogen) ## TL;DR ### What is Composio Connect? Composio Connect is a consumer offering that lets anyone plug 1,000+ applications directly into their agent harness — including Pi. It can: - Search and load tools from relevant toolkits on-demand, reducing context usage. - Chain multiple tools to accomplish complex workflows via a remote workbench, without excessive back-and-forth with the LLM. - Manage app authentication end-to-end with zero manual overhead. ## Connect Browser tool to Pi ### Prerequisites: Install Pi Pi needs Node.js 18+ (Node 22 recommended). Install the agent globally with npm: ```bash npm install -g --ignore-scripts @earendil-works/pi-coding-agent ``` ## 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 The Browser tool MCP server is an implementation of the Model Context Protocol that connects your AI agent and assistants like Pi, Claude, Cursor, etc. directly to your Browser tool account. It provides structured and secure access so your agent can act on your behalf using natural language commands. ## Complete Code None listed. ## Conclusion ### Way Forward With Browser tool connected, Pi can now act on your behalf whenever you ask it to. From here, you can extend Pi further: - Connect more apps: Calendar, Slack, Notion, Linear, and hundreds of others are available through the same Composio Connect setup. Each new integration compounds what Pi can do for you. - Build workflows across tools: Once multiple apps are connected, Pi can chain actions together — turn an email into a calendar invite, a Slack message into a Linear ticket, or a meeting note into a follow-up draft. - Lean into Pi's extension surface: Wrap common Browser tool flows as Pi skills or prompt templates so recurring tasks become one-line commands, and use directTools in the MCP adapter to promote your most-used Browser tool tools into Pi's tool list directly. If you run into trouble or want to share what you've built, join the [community](https://discord.com/invite/composio) or check out the [Docs](https://docs.composio.dev?utm_source=toolkits&utm_medium=framework_template&utm_campaign=pi&utm_content=docs) for deeper configuration options. ## 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) - [Grok Build](https://composio.dev/toolkits/browser_tool/framework/grok-build) - [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) - [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) - [Pydantic AI](https://composio.dev/toolkits/browser_tool/framework/pydantic-ai) - [AutoGen](https://composio.dev/toolkits/browser_tool/framework/autogen) ## 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. - [Artificial Analysis](https://composio.dev/toolkits/artificial_analysis) - Artificial Analysis is an independent benchmarking platform for AI models and API providers. Use it to compare model intelligence, coding, math, pricing, latency, throughput, and arena rankings. - [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. ## Frequently Asked Questions ### What are the differences in Tool Router MCP and Browser tool MCP? With a standalone Browser tool MCP server, the agents and LLMs can only access a fixed set of Browser tool tools tied to that server. However, with the Composio Tool Router, agents can dynamically load tools from Browser tool and many other apps based on the task at hand, all through a single MCP endpoint. ### Can I use Tool Router MCP with Pi? Yes, you can. Pi fully supports MCP integration. You get structured tool calling, message history handling, and model orchestration while Tool Router takes care of discovering and serving the right Browser tool tools. ### Can I manage the permissions and scopes for Browser tool while using Tool Router? Yes, absolutely. You can configure which Browser tool scopes and actions are allowed when connecting your account to Composio. You can also bring your own OAuth credentials or API configuration so you keep full control over what the agent can do. ### How safe is my data with Composio Tool Router? All sensitive data such as tokens, keys, and configuration is fully encrypted at rest and in transit. Composio is SOC 2 Type 2 compliant and follows strict security practices so your Browser tool data and credentials are handled as safely as possible. --- [See all toolkits](https://composio.dev/toolkits) · [Composio docs](https://docs.composio.dev/llms.txt)