MCP ExplorerExplorer

Vscode Simple Browser Mcp

@SaViGnAnOon 14 days ago
1 MIT
FreeCommunity
AI Systems
MCP Server for interaction with VSCode Simple Browser window

Overview

What is Vscode Simple Browser Mcp

vscode-simple-browser-mcp is a Model Context Protocol (MCP) server designed to facilitate interaction between Large Language Models (LLMs) and the Simple Browser window in Visual Studio Code.

Use cases

Use cases include automated testing of web applications, real-time data fetching and processing in a browser context, and enhancing LLM capabilities by allowing them to interact with web content.

How to use

To use vscode-simple-browser-mcp, clone the repository, navigate to the directory, install dependencies with npm, and build the project. Then, configure it in your Claude Desktop settings to run the MCP server.

Key features

Key features include browser control for opening and navigating URLs, real-time console monitoring, JavaScript execution in the browser context, and state management to track browser status and history.

Where to use

vscode-simple-browser-mcp can be used in software development environments, particularly for projects that require web interactions or integration with LLMs in Visual Studio Code.

Content

VS Code Simple Browser MCP Server

A Model Context Protocol (MCP) server that enables LLMs to interact with VS Code’s Simple Browser.

Quick Start

git clone https://github.com/YOUR_USERNAME/vscode-simple-browser-mcp.git
cd vscode-simple-browser-mcp
npm install
npm run build

Key Features

🌐 Browser Control - Open URLs, navigate, refresh pages
📊 Console Monitoring - Real-time console log capture
JavaScript Execution - Execute code in browser context
🔍 State Management - Track browser status and history

Tools Available

  • open_url - Open websites in VS Code Simple Browser
  • navigate - Navigate between pages
  • execute_javascript - Run JavaScript in browser context
  • get_console_logs - Retrieve console messages with filtering
  • get_browser_state - Get current browser status
  • And more…

Configuration

Add to your Claude Desktop config:

{
  "mcpServers": {
    "vscode-simple-browser": {
      "command": "node",
      "args": [
        "/path/to/vscode-simple-browser-mcp/build/index.js"
      ]
    }
  }
}

See the full documentation for detailed usage instructions.

Tools

No tools

Comments