Ecosystem

The se-cli ecosystem — three packages that work together for CLI, MCP, and VS Code workflows.

Overview

The se-cli ecosystem follows the Playwright multi-repo pattern. Three independent repositories each serve a different entry point — the core CLI, an MCP server wrapper, and a VS Code extension. All three share the same daemon architecture and WebDriver instance.

se-mcp

What is se-mcp?

se-mcp is a thin MCP (Model Context Protocol) server wrapper around se-cli. It exposes 50+ browser automation tools to MCP-aware AI clients like VS Code, Claude Desktop, Cursor, and Claude Code via stdio JSON-RPC 2.0.

Installation

bash
npx @browsers-cli/se-mcp

No global install needed — npx downloads and runs the latest version automatically.

Configuration

Add se-mcp to your MCP client configuration. The server name is se-cli.

VS Code (settings.json):

json
{
  "mcp.servers": {
    "se-cli": {
      "command": "npx",
      "args": ["-y", "@browsers-cli/se-mcp"]
    }
  }
}

Claude Desktop (claude_desktop_config.json):

json
{
  "mcpServers": {
    "se-cli": {
      "command": "npx",
      "args": ["-y", "@browsers-cli/se-mcp"]
    }
  }
}

Cursor (~/.cursor/mcp.json):

json
{
  "mcpServers": {
    "se-cli": {
      "command": "npx",
      "args": ["-y", "@browsers-cli/se-mcp"]
    }
  }
}

Tool Catalog

se-mcp exposes 50+ MCP tools covering the full browser automation lifecycle. All tools are prefixed with browser_.

ToolDescription
browser_openStart a browser session (Chrome, Edge, or Firefox)
browser_closeClose a browser session and stop the daemon
browser_navigateNavigate to a URL
browser_clickClick an element by ref or CSS selector
browser_fillFill an input field with text
browser_snapshotTake an accessibility (aria) snapshot with element refs
browser_screenshotTake a screenshot of the page or element
browser_evalExecute JavaScript in the page
browser_tab_listList all open tabs
browser_cookie_listList all cookies
browser_state_saveSave browser state to JSON
browser_expectAssert conditions (visible, hidden, text, value, etc.)
browser_routeMock a network route
browser_consoleGet buffered console messages and JS errors

se-extension-vscode

What is se-extension-vscode?

A Visual Studio Code extension for se-cli. It provides a sidebar browser panel that renders aria snapshots and screenshots, a status bar reflecting daemon state, one-click commands for common browser actions, and automatic registration of the se-cli MCP server for Copilot agents.

Installation

Search "se-cli" in the Extensions view (Ctrl+Shift+X).

Or install from the command line:

bash
code --install-extension se-cli.se-extension-vscode

Features

Configuration

SettingTypeDefaultDescription
se-cli.browserchrome | edge | firefoxchromeBrowser to launch when starting a session.
se-cli.headlessbooleanfalseRun the browser in headless mode. Disable to show the browser window.
se-cli.sessionstringdefaultNamed session for browser isolation / parallel sessions.
se-cli.autoSnapshotbooleantrueAuto-take an aria snapshot after navigation/interaction.
se-cli.cliPathstring""Path to the se-cli binary. Empty = auto-detect, then npx fallback.

Commands

CommandDescription
se-cli.openBrowserPick a browser and start a daemon session.
se-cli.closeBrowserStop the daemon and close the browser.
se-cli.navigateRun goto <url>.
se-cli.snapshotRun snapshot and render the tree in the panel.
se-cli.screenshotRun screenshot and display the image in the panel.
se-cli.clickClick by ref (e1) or CSS selector.
se-cli.fillFill an input by ref/selector with text.
se-cli.runCommandQuick pick of all available commands.

Architecture

All three packages share the same se-cli daemon, which holds the WebDriver instance. The CLI sends one JSON line per command over a Unix socket (or Windows named pipe). se-mcp wraps the MCP server from se-cli, translating JSON-RPC 2.0 calls into CLI args. The VS Code extension spawns the CLI directly for its commands and registers the MCP server for Copilot agent integration.

┌─────────────┐   shell    ┌──────────┐   JSON    ┌──────────┐   WebDriver  ┌────────┐
│  AI Agent   │───────────►│  se-cli  │─────────►│  Daemon  │─────────────►│Browser │
│  (shell)    │            │  CLI     │  socket   │          │              │        │
└─────────────┘            └────┬─────┘           └──────────┘              └────────┘
                                │
                                │ require()
                                ▼
┌─────────────┐  JSON-RPC  ┌──────────┐
│  VS Code    │◄──────────►│  se-mcp  │
│  Copilot    │  stdio     │  wrapper │
└─────────────┘            └──────────┘
                                │
                                │ spawns
┌─────────────┐  spawns     ┌──────────┐
│  VS Code    │────────────►│  se-cli  │
│  Extension  │             │  CLI     │
│  Panel      │             └──────────┘
└─────────────┘

Which package should I use?

Use casePackage
Shell scripts, terminal automationse-cli
Claude Code, any shell-based AI agentse-cli
Claude Desktop, Cursor (MCP clients)se-mcp
VS Code with Copilot agentsse-extension-vscode
VS Code with browser panel UIse-extension-vscode
Programmatic MCP server in Node.jsse-mcp
All of the abovese-cli + se-mcp + se-extension-vscode