thimo

VSCode Integrated Browser MCP — Development skill for Claude Code

Development community

VS Code's integrated browser, exposed to Claude Code and other agents via MCP and HTTP.

How to install VSCode Integrated Browser MCP

This entry records only its repository, not the path inside it, so there is no exact command to give. Open thimo/vscode-integrated-browser-mcp and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What VSCode Integrated Browser MCP does

VS Code's integrated browser, exposed to Claude Code and other agents via MCP and HTTP.

Alternatives in Development

  • Browser Tools MCP — Monitor browser logs directly from Cursor and other MCP compatible IDEs 7.2k ★
  • Claude Coder — Kodu is an autonomous coding agent that lives in your IDE 5.2k ★
  • Domxss — Confirm DOM XSS in a real headless browser — injects canary payloads into params + URL fragment and only repor 4.5k ★

README

Integrated Browser MCP

[![Release](https://img.shields.io/github/v/release/thimo/vscode-integrated-browser-mcp?label=release)](https://github.com/thimo/vscode-integrated-browser-mcp/releases) [![VS Code Marketplace](https://img.shields.io/badge/marketplace-install-blue)](https://marketplace.visualstudio.com/items?itemName=thimo.integrated-browser-mcp)

Exposes VS Code's integrated browser to external agents (Claude Code, scripts, curl) via a local HTTP API and MCP server.

Every existing browser automation solution targets an external Chrome process. This extension is different: it bridges the browser **already inside VS Code** — with your session cookies, your localhost dev server, your DevTools — to any agent that can speak HTTP or MCP.

How it works

Claude Code / curl / scripts
    │
    │  MCP (stdio) or HTTP
    ▼
MCP Server  ──HTTP──▶  VS Code Extension  ──CDP──▶  Integrated Browser
                       localhost:3788+               (real Chromium, in-editor)

The extension uses VS Code's built-in `editor-browser` and the Chrome DevTools Protocol (CDP) to provide full browser automation: navigation, JavaScript evaluation, clicking, typing, screenshots, DOM access, console and network monitoring.

Getting started

  1. Install from the VS Code Marketplace, or run:
    code --install-extension thimo.integrated-browser-mcp
  2. The bridge starts automatically. Agents reach it over a unix socket (named pipe on Windows) at ~/.integrated-browser-mcp/sockets/ — set integratedBrowserMcp.transport to tcp for the classic localhost:3788 port instead
  3. For Claude Code: the MCP server is auto-configured in ~/.claude.json on first activation
  4. The browser launches lazily on the first request — no browser tab until you need one

Usage with Claude Code

The MCP tools are available immediately. Ask Claude Code to use them by name:

use browse