MCP Server Integration

{
  "mcpServers": {
    "browserbase": {
      "url": "your-smithery-url.com"
    }
  }
}

{
  "mcpServers": {
    "browserbase": {
      "command": "npx",
      "args": ["@browserbasehq/mcp-server-browserbase"],
      "env": {
        "BROWSERBASE_API_KEY": "your_api_key",
        "BROWSERBASE_PROJECT_ID": "your_project_id",
        "GEMINI_API_KEY": "your_gemini_api_key"
      }
    }
  }
}

# Clone and build
git clone https://github.com/browserbase/mcp-server-browserbase.git
cd mcp-server-browserbase
npm install && npm run build

# Run with STDIO
node cli.js

# Or run with SHTTP
node cli.js --port 8931

import { connectToMCPServer, Stagehand } from "@browserbasehq/stagehand";

// Method 1: Connect via URL
const mcpClient = await connectToMCPServer(
  "https://mcp.example.com/server?apiKey=your_key"
);

// Method 2: Connect via stdio
const mcpClient = await connectToMCPServer({
  command: "npx",
  args: ["-y", "@example/mcp-server"],
  env: {
    API_KEY: process.env.EXAMPLE_API_KEY
  }
});

const stagehand = new Stagehand({
  env: "BROWSERBASE",
  model: "openai/gpt-4o",
});

await stagehand.init();

const page = stagehand.context.pages()[0];
await page.goto("https://www.google.com");

// Create agent with MCP integration
const agent = stagehand.agent({
  integrations: [mcpClient],
  systemPrompt: `You are a helpful assistant with access to external tools.
    Use the available tools to enhance your capabilities.`
});

const result = await agent.execute(
  "Search for the latest AI news and summarize the top results"
);

import { Stagehand } from "@browserbasehq/stagehand";

const stagehand = new Stagehand({
  env: "LOCAL",
  model: "openai/gpt-4o",
  verbose: 1,
});

await stagehand.init();

const page = stagehand.context.pages()[0];
await page.goto("https://www.google.com");

const agent = stagehand.agent({
  integrations: [
    `https://mcp.exa.ai/mcp?exaApiKey=${process.env.EXA_API_KEY}`,
  ],
  systemPrompt: `You are a helpful assistant that can use a browser and external tools.
    You have access to the Exa search tool to find information on the web.
    When looking for products to buy, search for current and reliable information.`
});

const result = await agent.execute(
  "Use Exa to search for the top headphones of 2025. Then go through the checkout flow for the best one."
);

console.log(result);
await stagehand.close();

import { connectToMCPServer, Stagehand } from "@browserbasehq/stagehand";

const stagehand = new Stagehand({
  env: "LOCAL",
  verbose: 1,
});

await stagehand.init();

const page = stagehand.context.pages()[0];
await page.goto("https://www.opentable.com/");

// Connect to Supabase MCP server
const supabaseClient = await connectToMCPServer(
  `https://server.smithery.ai/@supabase-community/supabase-mcp/mcp?api_key=${process.env.SMITHERY_API_KEY}`
);

const agent = stagehand.agent({
  model: "openai/computer-use-preview",
  integrations: [supabaseClient],
});

const result = await agent.execute(
  "Search for restaurants in New Brunswick, NJ. Then use Supabase to insert the name of the first result into a table called 'restaurants'."
);

console.log(result);
await stagehand.close();

{
  "mcpServers": {
    "browserbase": {
      "command": "npx",
      "args": [
        "@browserbasehq/mcp-server-browserbase",
        "--proxies",
        "--browserWidth", "1920",
        "--browserHeight", "1080",
        "--modelName", "gpt-4o",
        "--modelApiKey", "your_openai_key"
      ],
      "env": {
        "BROWSERBASE_API_KEY": "your_api_key",
        "BROWSERBASE_PROJECT_ID": "your_project_id"
      }
    }
  }
}