OpenCode Browser
Browser automation plugin for OpenCode AI editor - Control Chrome/Edge with AI, automate web testing, scraping & form filling via MCP integration
What is OpenCode Browser?
OpenCode Browser is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to browser automation plugin for opencode ai editor - control chrome/edge with ai, automate web testing, scraping & form filling via mcp integration
Browser automation plugin for OpenCode AI editor - Control Chrome/Edge with AI, automate web testing, scraping & form filling via MCP integration
This server falls under the Browser Automation category on MCPgee, the world's largest MCP server directory with 33,000+ servers.
Features
- Browser automation plugin for OpenCode AI editor - Control C
Use Cases
Maintainer
Works with
Installation
Manual Installation
npx opencode-browserConfiguration
Configuration Details
claude_desktop_config.json
Performance
Response Metrics
Resource Usage
How to Set Up and Use OpenCode Browser
OpenCode Browser is a browser automation plugin for the OpenCode AI editor that wires the @browsermcp/mcp browser automation server directly into OpenCode's MCP tool system. It lets you control Chrome or Edge from within your AI coding sessions — navigating URLs, filling forms, clicking elements, taking screenshots, and scraping page content — without any manual browser driver setup. The plugin handles the OpenCode configuration boilerplate so you can get browser automation working with a single init command.
Prerequisites
- Node.js 18 or later with npx
- OpenCode AI editor installed and configured
- Google Chrome or Microsoft Edge installed on your system
- An opencode.json configuration file in your project or home directory
Initialize the plugin
Run the init command to automatically add the OpenCode Browser plugin and browsermcp MCP server entries to your opencode.json configuration file.
# Add to the current project's opencode.json:
npx opencode-browser init
# Or add to your global (~/.opencode/opencode.json) config:
npx opencode-browser init --global
# Preview what would be written without changing files:
npx opencode-browser init --printReview the generated configuration
The init command produces a configuration block that registers the browsermcp MCP server. Verify the generated opencode.json looks correct.
{
"plugin": ["opencode-browser"],
"mcp": {
"browsermcp": {
"type": "local",
"command": ["npx", "-y", "@browsermcp/[email protected]"],
"enabled": true
}
}
}Restart OpenCode
Restart the OpenCode editor to pick up the new plugin and MCP server configuration. The browsermcp tools will appear in the available tool list.
Enable debug mode (optional)
If you need to troubleshoot browser automation steps, enable debug logging by adding the BROWSER_MCP_DEBUG environment variable to the MCP server config.
"environment": {
"BROWSER_MCP_DEBUG": "true"
}Use browser tools in your AI session
Ask OpenCode to perform browser tasks using natural language. The AI will invoke the appropriate browsermcp tools to navigate, interact, and extract content from web pages.
OpenCode Browser Examples
Client configuration
Full opencode.json configuration after running npx opencode-browser init, enabling browser automation tools in OpenCode.
{
"plugin": ["opencode-browser"],
"mcp": {
"browsermcp": {
"type": "local",
"command": ["npx", "-y", "@browsermcp/[email protected]"],
"enabled": true,
"environment": {
"BROWSER_MCP_DEBUG": "false"
}
}
}
}Prompts to try
These prompts exercise browser automation from within an OpenCode AI session.
- "Navigate to https://github.com and search for 'opencode'."
- "Go to https://example.com/contact and fill in Name: John, Email: [email protected], then submit the form."
- "Visit https://news.ycombinator.com and get the titles of the top 5 stories."
- "Take a screenshot of the current page and describe what you see."
- "Extract all the links from https://docs.example.com/api."Troubleshooting OpenCode Browser
Browser does not launch when browser automation tools are invoked.
Ensure Chrome or Edge is installed and accessible in your system PATH. The @browsermcp/mcp package launches the browser automatically — if it fails, try running 'npx -y @browsermcp/[email protected]' directly in a terminal to see the error output. Set BROWSER_MCP_DEBUG=true for detailed logs.
opencode-browser init says opencode.json not found.
Create an empty opencode.json file in your project root (echo '{}' > opencode.json) before running init. For global setup, use 'npx opencode-browser init --global' which targets ~/.opencode/opencode.json and creates it if needed.
Browser tools are available but page interactions fail or time out.
The plugin uses speed-oriented guidance that prefers direct navigation over screenshots. If a site is slow to load, ask the AI to 'wait for the page to fully load' before interacting. For complex SPAs, explicitly instruct the AI to wait for specific elements to appear before attempting to click them.
Frequently Asked Questions about OpenCode Browser
What is OpenCode Browser?
OpenCode Browser is a Model Context Protocol (MCP) server that browser automation plugin for opencode ai editor - control chrome/edge with ai, automate web testing, scraping & form filling via mcp integration It connects AI assistants to external tools and data sources through a standardized interface.
How do I install OpenCode Browser?
Follow the installation instructions on the OpenCode Browser GitHub repository. Clone the repo, install dependencies, and add the server config to your AI client.
Which AI clients work with OpenCode Browser?
OpenCode Browser works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.
Is OpenCode Browser free to use?
Yes, OpenCode Browser is open source and available under the MIT license. You can use it freely in both personal and commercial projects.
OpenCode Browser Alternatives — Similar Browser Automation Servers
Looking for alternatives to OpenCode Browser? Here are other popular browser automation servers you can use with Claude, Cursor, and VS Code.
Chrome DevTools MCP
★ 40.6kAI-powered Chrome automation server with natural language element detection. Control Chrome browser through MCP protocol for testing, debugging, and performance analysis. Features 91% accuracy in element location, works with free AI models, and suppo
UI TARS Desktop
★ 34.9k📇 🏠 - Browser automation capabilities using Puppeteer, both support local and remote browser connection.
Playwright
★ 32.8kA production-ready browser automation server that enables AI assistants to interact with web pages using tools for navigation, element interaction, and data extraction. It features a built-in Inspector UI and robust crash recovery for reliable automa
Page Agent
★ 18.0kJavaScript in-page GUI agent. Control web interfaces with natural language.
Chrome
★ 11.7kAn extension-based MCP server that enables AI assistants to control your browser, leveraging existing sessions and login states for automation and content analysis. It provides over 20 tools for semantic tab search, interactive element manipulation,
LAMDA
★ 7.8kThe most powerful Android RPA agent framework, next generation mobile automation.
Browse More Browser Automation MCP Servers
Explore all browser automation servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.
Set Up OpenCode Browser in Your Editor
Choose your AI client for step-by-step setup instructions.
Quick Config Preview
Add this to your claude_desktop_config.json or .cursor/mcp.json
Ready to use OpenCode Browser?
Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.