stealth-browser-mcp MCP — ユースケース, インストール & ライブデモ

なぜ使うのか

主な機能

90 tools across 11 categories for comprehensive browser automation
Anti-bot bypass for Cloudflare, Queue-It, and similar protections
Pixel-perfect UI element cloning with CDP-based DOM extraction
Dynamic network hooks — AI generates Python functions to intercept traffic
Core mode (22 tools) available when 90 tools is too many for your client

ライブデモ

実際の動作

stealth-browser-mcp.replay ▶ 準備完了

0/0

インストール

クライアントを選択

~/Library/Application Support/Claude/claude_desktop_config.json · Windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "stealth-browser-mcp": {
      "command": "TODO",
      "args": [
        "See README: https://github.com/vibheksoni/stealth-browser-mcp"
      ]
    }
  }
}

Claude Desktop → Settings → Developer → Edit Config を開く。保存後、アプリを再起動。

~/.cursor/mcp.json · .cursor/mcp.json

{
  "mcpServers": {
    "stealth-browser-mcp": {
      "command": "TODO",
      "args": [
        "See README: https://github.com/vibheksoni/stealth-browser-mcp"
      ]
    }
  }
}

Cursor は Claude Desktop と同じ mcpServers スキーマを使用。プロジェクト設定はグローバルより優先。

VS Code → Cline → MCP Servers → Edit

{
  "mcpServers": {
    "stealth-browser-mcp": {
      "command": "TODO",
      "args": [
        "See README: https://github.com/vibheksoni/stealth-browser-mcp"
      ]
    }
  }
}

Cline サイドバーの MCP Servers アイコンをクリックし、"Edit Configuration" を選択。

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "stealth-browser-mcp": {
      "command": "TODO",
      "args": [
        "See README: https://github.com/vibheksoni/stealth-browser-mcp"
      ]
    }
  }
}

Claude Desktop と同じ形式。Windsurf を再起動して反映。

~/.continue/config.json

{
  "mcpServers": [
    {
      "name": "stealth-browser-mcp",
      "command": "TODO",
      "args": [
        "See README: https://github.com/vibheksoni/stealth-browser-mcp"
      ]
    }
  ]
}

Continue はマップではなくサーバーオブジェクトの配列を使用。

~/.config/zed/settings.json

{
  "context_servers": {
    "stealth-browser-mcp": {
      "command": {
        "path": "TODO",
        "args": [
          "See README: https://github.com/vibheksoni/stealth-browser-mcp"
        ]
      }
    }
  }
}

context_servers に追加。保存時に Zed がホットリロード。

claude mcp add stealth-browser-mcp -- TODO 'See README: https://github.com/vibheksoni/stealth-browser-mcp'

ワンライナー。claude mcp list で確認、claude mcp remove で削除。

ユースケース

実用的な使い方： stealth-browser-mcp

How to scrape data from a Cloudflare-protected site for authorized research

👤 Researchers and data analysts who need data from protected sites they have permission to access ⏱ ~15 min intermediate

使うタイミング： You need to extract data from a site you're authorized to access but standard scraping tools get blocked.

前提条件

stealth-browser-mcp installed — Clone repo, pip install -r requirements.txt
Authorization to access the target site — Ensure you have permission to scrape the site

フロー

Navigate to the site

Open a stealth browser and navigate to https://example.com/data. Wait for the page to fully load.✓ コピーしました

→ Page loaded successfully, bypassing protection
Extract data

Query all elements matching the product listing cards. Extract titles, prices, and URLs.✓ コピーしました

→ Structured data from the page

結果： Data extracted from the protected site for authorized analysis.

注意点

Running too many concurrent browsers — Keep to 1-2 browser instances at a time to avoid detection patterns

組み合わせ： filesystem

Clone a UI element pixel-perfect for design reference

👤 Frontend developers who want to study and replicate a UI pattern ⏱ ~10 min intermediate

使うタイミング： You see a UI component you like and want the complete HTML/CSS for reference.

前提条件

stealth-browser-mcp running — Start the MCP server

フロー

Navigate and identify

Open https://example.com and take a screenshot. I want to clone the navigation header.✓ コピーしました

→ Screenshot with page rendered
Clone the element

Clone the nav header element completely — HTML structure, CSS styles, events, and animations. Save to a file.✓ コピーしました

→ Complete element clone saved with all styles and assets

結果： A self-contained HTML/CSS clone of the UI element for reference.

注意点

Cloned elements may depend on external fonts or scripts — Use extract_element_assets to also capture referenced resources

組み合わせ： filesystem

組み合わせ

他のMCPと組み合わせて10倍の力を

stealth-browser-mcp + filesystem

Save scraped data and cloned UI elements to organized files

Scrape all product data from the page and save it as JSON to ~/data/products.json.✓ コピーしました

ツール

このMCPが提供する機能

ツール	入力	呼び出すタイミング
spawn_browser	options?: obj	Launch a new stealth browser instance
navigate	url: str	Navigate to a URL
query_elements	selector: str	Find elements by CSS selector
clone_element_complete	selector: str	Pixel-perfect clone of a DOM element with all styles
create_dynamic_hook	hook_function: str	Create a Python function to intercept network traffic
take_screenshot	selector?: str	Capture a screenshot of the page or specific element
execute_script	script: str	Execute JavaScript in the page context

コストと制限

運用コスト

APIクォータ: N/A — runs locally
呼び出しあたりのトークン: 200–2000 tokens per tool call
金額: Free
ヒント: Use core mode (22 tools) if your client struggles with the full 90-tool set.

セキュリティ

権限、シークレット、影響範囲

認証情報の保管： No credentials stored by the server. If accessing authenticated sites, manage cookies via get/set_cookie tools.

データ送信先： Connects to whatever URLs you navigate to via Chrome

⚠ This tool is designed for authorized security research, CTF competitions, and defensive analysis only. Do not use it against systems you don't own or have written authorization to test.
Anti-bot bypass capabilities should only be used on sites you have authorization to access.
Dynamic hooks execute arbitrary Python code — review all hook functions before running.
Ensure your scraping complies with each site's Terms of Service and applicable laws.

トラブルシューティング

よくあるエラーと対処法

Chrome not found

The server uses nodriver which manages its own Chrome. Ensure Chrome is installed or let nodriver download it.

確認： which google-chrome || which chromium

Anti-bot detection still triggered

Try adding delays between actions, reduce concurrent requests, or use different browser profiles.

確認： Check the page for CAPTCHA or block messages

Element clone incomplete

Some elements use shadow DOM or iframe isolation. Use execute_cdp_command for low-level access.

確認： Inspect the element in DevTools to check for shadow roots

代替案

stealth-browser-mcp 他との比較

代替案	代わりに使う場面	トレードオフ
playwright MCP	You don't need anti-bot bypass and want standard browser automation	Standard Playwright with no stealth features but broader community support

その他

リソース

📖 GitHub の公式 README を読む

🐙 オープンな issue を見る

🔍 400以上のMCPサーバーとSkillsを見る