Skip to content

Commit 6b19b8c

Browse files
monadoidci-test
andauthored
[STG-1576] Sync MCP docs into Stagehand docs (browserbase#1818)
# why Sync the Stagehand MCP docs with the Browserbase MCP docs for STG-1576. # what changed Copied the refreshed Browserbase MCP introduction and setup pages into `packages/docs/v3/integrations/mcp`. # test plan `pnpm exec prettier --check packages/docs/docs.json packages/docs/v3/integrations/mcp/introduction.mdx packages/docs/v3/integrations/mcp/setup.mdx`; `pnpm --dir packages/docs exec mint broken-links` (unrelated existing failures only); `pnpm lint` fails in `packages/core` on an existing ESLint rule config issue. --------- Co-authored-by: ci-test <ci-test@example.com>
1 parent ac4539a commit 6b19b8c

11 files changed

Lines changed: 404 additions & 413 deletions

File tree

packages/docs/v2/first-steps/quickstart.mdx

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: Quickstart
33
description: 'Stagehand allows you to build web automations with natural language and code.'
44
---
55

6-
If this is your **first time using Stagehand**, you should try [Director](https://director.ai) first. It's an agent that allows you to build Stagehand workflows using natural language. You can also try Stagehand using our [MCP server](/integrations/mcp/introduction) .
6+
If this is your **first time using Stagehand**, you should try [Director](https://director.ai) first. It's an agent that allows you to build Stagehand workflows using natural language. You can also try Stagehand using our [MCP server](/v2/integrations/mcp/introduction).
77

88
Otherwise, the quickest way to start with Stagehand is with our CLI. It scaffolds a ready‑to‑run Stagehand app with sensible defaults, and an example script.
99

@@ -122,4 +122,3 @@ Learn about the Stagehand primitives: act, extract, observe, and agent.
122122
Autonomous multi-step browser workflows
123123
</Card>
124124
</CardGroup>
125-

packages/docs/v2/integrations/mcp/configuration.mdx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ Your Browserbase project ID
4343
| `--cookies [json]` | JSON array of cookies to inject into the browser |
4444
| `--browserWidth <width>` | Browser viewport width (default: 1024) |
4545
| `--browserHeight <height>` | Browser viewport height (default: 768) |
46-
| `--modelName <model>` | The model to use for Stagehand (default: gemini-2.0-flash) |
46+
| `--modelName <model>` | The model to use for Stagehand (default: google/gemini-2.5-flash-lite) |
4747
| `--modelApiKey <key>` | API key for the custom model provider (required when using custom models) |
4848
| `--experimental` | Enable experimental features (default: false) |
4949

@@ -270,7 +270,7 @@ Cookies must be in [Playwright Cookie format](https://playwright.dev/docs/api/cl
270270

271271
## Model Configuration
272272

273-
Configure AI models for enhanced browser automation. Stagehand defaults to Google's Gemini 2.0 Flash but supports multiple providers.
273+
Configure AI models for enhanced browser automation. Stagehand defaults to Google's Gemini 2.5 Flash Lite but supports multiple providers.
274274

275275
<Warning>
276276
When using any custom model (non-default), you must provide your own API key for that model provider using the `--modelApiKey` flag.
@@ -279,7 +279,7 @@ When using any custom model (non-default), you must provide your own API key for
279279
<Tabs>
280280
<Tab title="Available Models">
281281
**Google Gemini** (Default)
282-
- `google/gemini-2.0-flash` (default)
282+
- `google/gemini-2.5-flash-lite` (default)
283283
- `google/gemini-1.5-pro`
284284
- `google/gemini-1.5-flash`
285285

@@ -433,4 +433,4 @@ AI-powered browser automation
433433
<Card title="Support" icon="headset" href="mailto:support@browserbase.com">
434434
Get help from our team
435435
</Card>
436-
</CardGroup>
436+
</CardGroup>

packages/docs/v2/integrations/mcp/introduction.mdx

Lines changed: 32 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -6,20 +6,16 @@ description: "AI-powered browser automation through Model Context Protocol integ
66

77
## Overview
88

9-
The Browserbase MCP Server brings powerful browser automation capabilities to Claude through the Model Context Protocol (MCP). Built on top of [Stagehand](https://docs.stagehand.dev/), this integration provides AI-powered web automation using natural language commands.
9+
The Browserbase MCP Server brings powerful browser automation capabilities to MCP clients through the Model Context Protocol (MCP). Built on top of [Stagehand](https://docs.stagehand.dev/), this integration provides AI-powered web automation using natural language commands.
1010

1111
<Info>
12-
This server enables Claude to control browsers, navigate websites, interact with web elements, and extract data—all through simple conversational commands.
12+
The hosted [Streamable HTTP](https://modelcontextprotocol.io/specification/2025-03-26/basic/transports#streamable-http)
13+
endpoint is served on Browserbase infrastructure.
14+
You can also run the MCP server locally with STDIO, but we recommend the
15+
hosted [Streamable HTTP](https://modelcontextprotocol.io/specification/2025-03-26/basic/transports#streamable-http)
16+
endpoint for most users.
1317
</Info>
1418

15-
<Note>
16-
**Two Ways to Use MCP:**
17-
1. **Browserbase MCP Server**: Provides browser automation tools to Claude Desktop and other MCP clients
18-
2. **MCP Integrations in Stagehand**: Add external tools (like Exa search, Supabase) to Stagehand agents
19-
20-
This documentation covers the Browserbase MCP Server. For using MCP integrations within Stagehand agents, see [MCP Integrations](/best-practices/mcp-integrations).
21-
</Note>
22-
2319
## Key Features
2420

2521
<CardGroup cols={2}>
@@ -28,25 +24,17 @@ Control browsers using plain English commands like "click the login button" or "
2824
</Card>
2925

3026
<Card title="Web Interaction" icon="browser">
31-
Navigate, click, and fill forms with ease
27+
Navigate, click, and fill forms with ease
3228
</Card>
3329

3430
<Card title="Data Extraction" icon="download">
35-
Extract structured data from any website automatically
36-
37-
</Card>
38-
39-
<Card title="Multi-Session Management" icon="window-restore">
40-
Run multiple browser sessions simultaneously for complex workflows
31+
Extract structured data from any website automatically
4132
</Card>
4233

43-
<Card title="Screenshot Capture" icon="camera">
44-
Capture and analyze webpage screenshots programmatically
34+
<Card title="Session Lifecycle" icon="route">
35+
Create, reuse, and close browser sessions with explicit MCP tools
4536
</Card>
4637

47-
<Card title="Cookie Management" icon="cookie-bite">
48-
Handle authentication and session persistence across interactions
49-
</Card>
5038
</CardGroup>
5139

5240
## Core Benefits
@@ -59,7 +47,7 @@ No need to learn complex selectors or automation syntax. Simply describe what yo
5947
</Card>
6048

6149
<Card title="Quick Setup" icon="rocket">
62-
Get started in minutes with our NPM package or our remote hosted URL.
50+
Get started in minutes with either hosted [Streamable HTTP](https://modelcontextprotocol.io/specification/2025-03-26/basic/transports#streamable-http) or local STDIO.
6351
</Card>
6452

6553
<Card title="Smart Automation" icon="brain">
@@ -75,31 +63,27 @@ Navigate, click, type, scroll, and interact with any web element.
7563
</Card>
7664

7765
<Card title="Data Intelligence" icon="chart-line">
78-
Extract structured information from complex web pages automatically.
66+
Extract structured information from complex web pages automatically.
7967
</Card>
8068

8169
<Card title="Session Persistence" icon="cookie-bite">
8270
Maintain authentication states and cookies across multiple interactions.
8371
</Card>
84-
85-
<Card title="Multi-Session Support" icon="window-restore">
86-
Run parallel browser instances for complex workflows.
87-
</Card>
8872
</CardGroup>
8973
</Tab>
9074

9175
<Tab title="Enterprise Ready">
9276
<CardGroup cols={2}>
9377
<Card title="Reliable Infrastructure" icon="server">
94-
Built on Browserbase's cloud browser platform for consistent performance.
78+
Hosted [Streamable HTTP](https://modelcontextprotocol.io/specification/2025-03-26/basic/transports#streamable-http) runs on Browserbase infrastructure for consistent performance.
9579
</Card>
9680

9781
<Card title="Scalable Architecture" icon="arrows-up-to-line">
98-
Handle multiple concurrent sessions and high-volume automation tasks.
82+
Handle multiple concurrent sessions and high-volume automation tasks.
9983
</Card>
10084

10185
<Card title="Security Features" icon="shield-check">
102-
Stealth mode, proxy support, and advanced anti-detection capabilities.
86+
Stealth mode, proxy support, and advanced anti-detection capabilities.
10387
</Card>
10488

10589
<Card title="Comprehensive Logging" icon="file-lines">
@@ -119,11 +103,11 @@ Track product prices, availability, and competitor information
119103
</Card>
120104

121105
<Card title="Market Research" icon="chart-bar">
122-
Gather data from multiple sources for analysis and reporting
106+
Gather data from multiple sources for analysis and reporting
123107
</Card>
124108

125109
<Card title="Content Aggregation" icon="newspaper">
126-
Collect articles, posts, and media from various websites
110+
Collect articles, posts, and media from various websites
127111
</Card>
128112

129113
<Card title="Lead Generation" icon="users">
@@ -139,11 +123,11 @@ Create comprehensive test suites for web applications
139123
</Card>
140124

141125
<Card title="Cross-Browser Validation" icon="browsers">
142-
Test functionality across different browser environments
126+
Test functionality across different browser environments
143127
</Card>
144128

145129
<Card title="User Journey Testing" icon="route">
146-
Simulate real user interactions and workflows
130+
Simulate real user interactions and workflows
147131
</Card>
148132

149133
<Card title="Performance Monitoring" icon="gauge">
@@ -159,11 +143,11 @@ Automatically fill and submit complex web forms
159143
</Card>
160144

161145
<Card title="Report Generation" icon="chart-line">
162-
Extract data and generate automated reports
146+
Extract data and generate automated reports
163147
</Card>
164148

165149
<Card title="Social Media Management" icon="share-nodes">
166-
Schedule posts and monitor engagement across platforms
150+
Schedule posts and monitor engagement across platforms
167151
</Card>
168152

169153
<Card title="Administrative Tasks" icon="clipboard-check">
@@ -173,63 +157,39 @@ Automate repetitive web-based business processes
173157
</Tab>
174158
</Tabs>
175159

176-
## Session Management
177-
178-
<Info>
179-
The Browserbase MCP Server supports both single and multi-session architectures to accommodate different automation needs.
180-
</Info>
181-
182-
<Tabs>
183-
<Tab title="Single Session Mode">
184-
**Traditional Approach**
185-
- One active browser session at a time
186-
- Simpler for basic automation tasks
187-
- Automatic session lifecycle management
188-
- Ideal for sequential workflows
189-
</Tab>
190-
191-
<Tab title="Multi-Session Mode">
192-
**Advanced Parallel Processing**
193-
- Multiple independent browser sessions
194-
- Each session maintains separate state
195-
- Parallel execution capabilities
196-
- Perfect for complex workflows
197-
</Tab>
198-
</Tabs>
199-
200160
## Getting Started
201161

202162
<Steps>
203163
<Step title="Install the MCP Server">
204-
Choose from NPM installation, remote hosted URL, or local development based on your needs.
164+
Choose hosted [Streamable HTTP](https://modelcontextprotocol.io/specification/2025-03-26/basic/transports#streamable-http) (recommended) or local STDIO based on your needs.
205165
</Step>
206166

207167
<Step title="Configure Authentication">
208-
Set up your Browserbase API credentials in the MCP configuration.
209-
Get your API keys from the [Browserbase Dashboard](https://www.browserbase.com/overview).
168+
Set up your Browserbase API credentials in MCP configuration. Get API keys
169+
from the [Browserbase Dashboard](https://www.browserbase.com/overview).
210170
</Step>
211171

212172
<Step title="Start Automating">
213-
Begin using natural language commands to control browsers through Claude.
173+
Begin using natural language commands to control browsers through your MCP client.
214174
</Step>
215175
</Steps>
216176

217177
<Tip>
218-
Ready to get started? Check out our [Setup Guide](/integrations/mcp/setup) for detailed installation instructions.
178+
Ready to get started? Check out the [Setup Guide](/v2/integrations/mcp/setup).
219179
</Tip>
220180

221181
## Further Reading
222182

223183
<CardGroup cols={3}>
224-
<Card title="Setup Guide" icon="rocket" href="/integrations/mcp/setup">
184+
<Card title="Setup Guide" icon="rocket" href="/v2/integrations/mcp/setup">
225185
Get started with installation and configuration
226186
</Card>
227187

228-
<Card title="Available Tools" icon="wrench" href="/integrations/mcp/tools">
229-
Explore all available automation tools
188+
<Card title="MCP Docs" icon="book" href="https://modelcontextprotocol.io/introduction">
189+
Learn more about the MCP protocol
230190
</Card>
231191

232-
<Card title="Configuration Options" icon="gear" href="/integrations/mcp/configuration">
233-
Customize your browser automation setup
192+
<Card title="Browserbase Docs" icon="globe" href="https://docs.browserbase.com">
193+
Explore Browserbase features and capabilities
234194
</Card>
235-
</CardGroup>
195+
</CardGroup>

0 commit comments

Comments
 (0)