drio
Open app

Hyperbrowser MCP Server

Source

A MCP server implementation for hyperbrowser

Catalog onlyCatalog onlySTDIO

Overview

Hyperbrowser MCP Server is a server implementation for the Hyperbrowser that utilizes the Model Context Protocol (MCP) to provide tools for scraping, extracting structured data, and crawling webpages.

To use the Hyperbrowser MCP Server, clone the repository, install dependencies, and configure the service in your MCP client with the provided example configuration.

  • Scrape webpages and retrieve content in various formats (markdown, HTML, links, screenshots). - Extract structured data from multiple webpages using specified prompts and JSON schemas. - Crawl webpages while following links and limiting the number of pages crawled.
  1. Automating data extraction from websites for research purposes.
  2. Collecting structured data for analysis and reporting.
  3. Crawling websites to gather information for competitive analysis.

Add to your AI client

Use these steps to connect Hyperbrowser MCP Server in Cursor, Claude, VS Code, and other MCP-compatible apps. The same JSON appears in the Use with menu above for one-click copy.

Cursor

Add this to your .cursor/mcp.json file in your project root, then restart Cursor.

.cursor/mcp.json

{
  "mcpServers": {
    "mcp-hyperbrowserai": {
      "command": "npx",
      "args": [
        "-y",
        "hyperbrowser-mcp"
      ],
      "env": {
        "HYPERBROWSER_API_KEY": "YOUR-API-KEY"
      }
    }
  }
}

Claude Desktop

Add this server entry to the mcpServers object in your Claude Desktop config, then restart the app.

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows)

{
  "mcpServers": {
    "mcp-hyperbrowserai": {
      "command": "npx",
      "args": [
        "-y",
        "hyperbrowser-mcp"
      ],
      "env": {
        "HYPERBROWSER_API_KEY": "YOUR-API-KEY"
      }
    }
  }
}

Claude Code

Add this to your project's .mcp.json file. Claude Code will detect it automatically.

.mcp.json (project root)

{
  "mcpServers": {
    "mcp-hyperbrowserai": {
      "command": "npx",
      "args": [
        "-y",
        "hyperbrowser-mcp"
      ],
      "env": {
        "HYPERBROWSER_API_KEY": "YOUR-API-KEY"
      }
    }
  }
}

VS Code (Copilot)

Add this to your .vscode/mcp.json file. Requires the GitHub Copilot extension with MCP support enabled.

.vscode/mcp.json

{
  "servers": {
    "mcp-hyperbrowserai": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "hyperbrowser-mcp"
      ],
      "env": {
        "HYPERBROWSER_API_KEY": "YOUR-API-KEY"
      }
    }
  }
}

Windsurf

Add this to your Windsurf MCP config file, then restart Windsurf.

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "mcp-hyperbrowserai": {
      "command": "npx",
      "args": [
        "-y",
        "hyperbrowser-mcp"
      ],
      "env": {
        "HYPERBROWSER_API_KEY": "YOUR-API-KEY"
      }
    }
  }
}

Cline

Open Cline settings, navigate to MCP Servers, and add this server configuration.

Cline MCP Settings (via UI)

{
  "mcpServers": {
    "mcp-hyperbrowserai": {
      "command": "npx",
      "args": [
        "-y",
        "hyperbrowser-mcp"
      ],
      "env": {
        "HYPERBROWSER_API_KEY": "YOUR-API-KEY"
      }
    }
  }
}

FAQ

What is the Model Context Protocol (MCP)?

MCP is a protocol designed to facilitate communication between different components in a system, allowing for efficient data exchange.

Is there a license for using the Hyperbrowser MCP Server?

Yes, the project is licensed under the MIT License, allowing for free use and modification.

What programming language is used in this project?

The Hyperbrowser MCP Server is developed using TypeScript.7:["$","div",null,{"className":"container mx-auto flex flex-col gap-4","children":["$L26","$L27",["$","$L28",null,{"currentProject":{"id":1962,"uuid":"00627156-195e-4fec-8bad-c8d6ecf0ebbc","name":"mcp","title":"Hyperbrowser MCP Server","description":"A MCP server implementation for hyperbrowser","avatar_url":"https://avatars.githubusercontent.com/u/189776885?v=4","created_at":"2025-03-05T07:33:20.854Z","updated_at":"2025-03-12T10:21:42.168Z","status":"created","author_name":"hyperbrowserai","author_avatar_url":"https://avatars.githubusercontent.com/u/189776885?v=4","tags":"[]","category":"developer-tools","is_featured":false,"sort":1,"url":"https://github.com/hyperbrowserai/mcp","target":"_self","content":"$29","summary":"$2a","img_url":"https://camo.githubusercontent.com/e1809e9bfe3a816d379de9786edcc897e027e27c825c7a4242e1067db0589601/68747470733a2f2f736d6974686572792e61692f62616467652f40687970657262726f7773657261692f6d6370","type":null,"metadata":"{\"star\":\"284\",\"license\":\"MIT license\",\"language\":\"TypeScript\",\"is_official\":false,\"latest_commit_time\":\"2025-05-23 02:07:24\"}","user_uuid":null,"tools":null,"sse_url":null,"sse_provider":null,"sse_params":null,"is_official":false,"server_command":null,"server_params":null,"server_config":null,"allow_call":false,"is_innovation":false,"is_dxt":false,"dxt_manifest":null,"dxt_file_url":null,"is_audit":false},"randomProjects":[],"currentServerKey":"$undefined"}]]}]

Developer tools