drio
Open app

Steel MCP Server

Source

MCP Server for interacting with a Steel web browser

Catalog onlyCatalog onlySTDIO

Overview

Steel MCP Server is a Model Context Protocol server that allows large language models (LLMs) like Claude to interact with the web using Puppeteer-based tools. It is built on the Web Voyager framework and facilitates standard web actions such as clicking, scrolling, typing, and taking screenshots.

To use Steel MCP Server, you need to clone the repository, install the necessary dependencies, and configure it with Claude Desktop. You can run it in either cloud mode or local mode depending on your setup.

  • Browser automation capabilities using Puppeteer. - Integration with Steel for managing browser sessions. - Visual element identification through numbered labels. - Screenshot functionality for capturing web pages. - Support for basic web interactions like navigation, clicking, and form filling.
  1. Automating web searches and data retrieval.
  2. Filling out online forms and applications.
  3. Tracking package deliveries and comparing product prices.

Add to your AI client

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

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

Claude Code

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

.mcp.json (project root)

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

VS Code (Copilot)

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

.vscode/mcp.json

{
  "servers": {
    "steel-mcp-server-steel-dev": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-steel-mcp-server-steel-dev"
      ]
    }
  }
}

Windsurf

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

~/.codeium/windsurf/mcp_config.json

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

Cline

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

Cline MCP Settings (via UI)

{
  "mcpServers": {
    "steel-mcp-server-steel-dev": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-steel-mcp-server-steel-dev"
      ]
    }
  }
}
Developer tools