mcp-server-cloudbrowser

Cloud browser MCP Server

Test

1. Run npm install to install the necessary dependencies, then run npm run build to get dist/index.js.
2. Run npm run inspector to start the server.

Get Started

1. Run npm install to install the necessary dependencies, then run npm run build to get dist/index.js.
2. Set up your Claude Desktop configuration to use the server.

3. Restart your Claude Desktop app and you should see the tools available clicking the 🔨 icon.
4. Start using the tools! Below is an image of Claude closing a browser session.

Using npm

Tools

Browserbase API

• cloudbrowser_navigate
  • Navigate to any URL in the browser
  • Input: url (string)
• cloudbrowser_evaluate
  • Execute JavaScript in the browser console
  • Input: script (string): JavaScript code to execute
• cloudbrowser_get_current_url
  • Retrieve the current URL of the browser page
• cloudbrowser_screenshot
  • Capture screenshots of the entire page or specific elements
  • Inputs:
    • name (string, required): Name for the screenshot
    • selector (string, optional): CSS selector for element to screenshot
    • width (number, optional, default: 800): Screenshot width
    • height (number, optional, default: 600): Screenshot height
• cloudbrowser_click
  • Click elements on the page
  • Input: selector (string): CSS selector for element to click
• cloudbrowser_fill
  • Fill out input fields
  • Inputs:
    • selector (string): CSS selector for input field
    • value (string): Value to fill
• cloudbrowser_get_text
  • Extract all content from the current page
  • Input: selector (string, optional): CSS selector to get content from specific elements

Resources

The server provides access to two types of resources:

2. Screenshots (screenshot://<name>)
   • PNG images of captured screenshots
   • Accessible via the screenshot name specified during capture