drio
Open app

MCP Servers

Source

Catalog onlyCatalog onlySTDIO

Overview

MCP Servers is a tool that allows users to control a headless browser using Pyppeteer, enabling automated navigation, screenshot capturing, and interaction with page elements. It is designed to facilitate the creation of automation servers based on the Multi-Context Protocol (MCP) framework.

To use MCP Servers, you can install it via Smithery, Pip, or Git. After installation, you can start controlling the browser by writing scripts that utilize its features for automation tasks.

  • Automated navigation to specific URLs. - Screenshot capturing of visited pages. - Interaction with page elements using CSS selectors, XPath, or class names. - Access to dynamic page information, such as the current URL. - Controlled initialization and shutdown of the browser.
  1. Automating web testing processes.
  2. Capturing screenshots for documentation or reporting.
  3. Interacting with web applications for data extraction.
  4. Managing browser sessions for automated workflows.

Add to your AI client

Use these steps to connect MCP Servers 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-servers-devalexandre": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-servers-devalexandre"
      ]
    }
  }
}

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-servers-devalexandre": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-servers-devalexandre"
      ]
    }
  }
}

Claude Code

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

.mcp.json (project root)

{
  "mcpServers": {
    "mcp-servers-devalexandre": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-servers-devalexandre"
      ]
    }
  }
}

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-servers-devalexandre": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-servers-devalexandre"
      ]
    }
  }
}

Windsurf

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

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "mcp-servers-devalexandre": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-servers-devalexandre"
      ]
    }
  }
}

Cline

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

Cline MCP Settings (via UI)

{
  "mcpServers": {
    "mcp-servers-devalexandre": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-servers-devalexandre"
      ]
    }
  }
}

FAQ

What is required to run MCP Servers?

You need Python 3.7+, pip, and Git installed on your machine.

How can I install MCP Servers?

You can install it via Smithery, Pip from GitHub, or by cloning the repository from Git.

Is MCP Servers suitable for production use?

Yes, it is designed for automation tasks and can be used in production environments.7:["$","div",null,{"className":"container mx-auto flex flex-col gap-4","children":["$L26","$L27",["$","$L28",null,{"currentProject":{"id":2610,"uuid":"4e0a2e15-5c4e-4c52-9590-34dde28ad4ab","name":"mcp-servers","title":"MCP Servers","description":"","avatar_url":"https://avatars.githubusercontent.com/u/4489558?v=4","created_at":"2025-03-13T09:08:13.028+00:00","updated_at":"2025-03-13T09:12:14.949+00:00","status":"created","author_name":"devalexandre","author_avatar_url":"https://avatars.githubusercontent.com/u/4489558?v=4","tags":"mcp-servers,automation,browser-control","category":"os-automation","is_featured":false,"sort":1,"url":"https://github.com/devalexandre/mcp-servers","target":"_self","content":"$29","summary":"$2a","img_url":"https://camo.githubusercontent.com/98eddc02d1192f420e446a1dd3c8267d68b1b80179926ef86b33080d643b9ccb/68747470733a2f2f736d6974686572792e61692f62616467652f40646576616c6578616e6472652f6d63702d73657276657273","type":null,"metadata":"{\"star\":\"0\",\"license\":\"Apache-2.0 license\",\"language\":\"Python\",\"is_official\":false,\"latest_commit_time\":\"2025-03-10 17:22:58\"}","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"}]]}]

Os automation