Electron

v1.0.0โ€ขDeveloper Toolsโ€ขstable

๐Ÿš€ A powerful MCP server for debugging Electron applications with deep Chrome DevTools Protocol integration. Control, monitor, and debug Electron apps through a standardized API.

electronmcpai-integration
Share:
74
Stars
0
Downloads
0
Weekly
0/5

What is Electron?

Electron is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to ๐Ÿš€ a powerful mcp server for debugging electron applications with deep chrome devtools protocol integration. control, monitor, and debug electron apps through a standardized api.

๐Ÿš€ A powerful MCP server for debugging Electron applications with deep Chrome DevTools Protocol integration. Control, monitor, and debug Electron apps through a standardized API.

This server falls under the Developer Tools category on MCPgee, the world's largest MCP server directory with 33,000+ servers.

Features

  • ๐Ÿš€ A powerful MCP server for debugging Electron applications

Use Cases

Debug Electron applications with deep Chrome DevTools Protocol integration.
Monitor and control Electron apps through standardized API.
amafjarkasi

Maintainer

LicenseMIT
Languagetypescript
Versionv1.0.0
UpdatedMay 21, 2026
Statushealthy
Maintenanceactive

Works with

ClaudeOpenAIwindowsmacoslinux

Installation

Manual Installation

npx electron

Configuration

Configuration Details

Config File

claude_desktop_config.json

Performance

Response Metrics

Response Time< 200ms
ThroughputMedium

Resource Usage

Memory UsageLow
CPU UsageLow

How to Set Up and Use Electron

The Electron MCP server provides AI assistants with deep debugging and control capabilities for Electron applications via the Chrome DevTools Protocol (CDP). It allows an MCP client to launch Electron apps with debugging enabled, list running processes and debug targets, evaluate JavaScript in any renderer or main process context, read application logs, pause and resume execution, and reload pages โ€” all through a standardized MCP interface. It is designed for developers who want AI assistance when debugging complex Electron desktop applications.

Prerequisites

  • Node.js 18 or later installed
  • An Electron application to debug (the app path must be accessible)
  • Git for cloning the repository (no npm package published yet)
  • An MCP-compatible client such as Claude Desktop
  • The target Electron app must support remote debugging (--remote-debugging-port flag)
1

Clone the repository

The server is not published to npm, so clone it directly from GitHub.

git clone https://github.com/amafjarkasi/electron-mcp-server.git
cd electron-mcp-server
2

Install dependencies and build

Install npm dependencies and compile the TypeScript source.

npm install
npm run build
3

Add to Claude Desktop configuration

Add the server to your claude_desktop_config.json, pointing the command at the built index.js file in the cloned directory.

{
  "mcpServers": {
    "electron-mcp": {
      "command": "node",
      "args": ["/absolute/path/to/electron-mcp-server/dist/index.js"]
    }
  }
}
4

Launch your Electron app with debug port enabled

Start your Electron application with the remote debugging port flag so the MCP server can connect via CDP.

# Example: launching your app with debug port 9222
./YourApp --remote-debugging-port=9222
# Or for development:
npx electron . --remote-debugging-port=9222
5

Restart Claude Desktop and connect

Restart Claude Desktop after updating the config. Then ask Claude to list Electron processes and connect to your running app via the debug port.

Electron Examples

Client configuration

Claude Desktop configuration for the Electron MCP server using a locally built binary.

{
  "mcpServers": {
    "electron-mcp": {
      "command": "node",
      "args": ["/Users/yourname/electron-mcp-server/dist/index.js"]
    }
  }
}

Prompts to try

Example prompts to debug and inspect an Electron application via the MCP server.

- "List all running Electron processes and their debug targets."
- "Evaluate document.title in the renderer process of the app running on debug port 9222."
- "Show me the logs for Electron process ID 3."
- "Reload the main window of the Electron application."
- "Evaluate window.localStorage.getItem('authToken') in the app's renderer context."
- "Pause execution in the renderer and show me the current call stack."

Troubleshooting Electron

The MCP server starts but cannot connect to the Electron app

Ensure the Electron app was launched with --remote-debugging-port=9222 (or another port) and that nothing else is using that port. The CDP port must be open and accessible from localhost.

npm run build fails with TypeScript errors

Make sure you are using Node.js 18 or later. Run node --version to check, then run npm install again to ensure all dev dependencies including TypeScript are installed before building.

JavaScript evaluation returns undefined or unexpected results

Electron has separate main and renderer processes. Specify the correct process ID and target ID when evaluating JavaScript โ€” code that references the DOM must run in a renderer target, not the main process.

Frequently Asked Questions about Electron

What is Electron?

Electron is a Model Context Protocol (MCP) server that ๐Ÿš€ a powerful mcp server for debugging electron applications with deep chrome devtools protocol integration. control, monitor, and debug electron apps through a standardized api. It connects AI assistants to external tools and data sources through a standardized interface.

How do I install Electron?

Follow the installation instructions on the Electron GitHub repository. Clone the repo, install dependencies, and add the server config to your AI client.

Which AI clients work with Electron?

Electron works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.

Is Electron free to use?

Yes, Electron is open source and available under the MIT license. You can use it freely in both personal and commercial projects.

Browse More Developer Tools MCP Servers

Explore all developer tools servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.

Quick Config Preview

{ "mcpServers": { "electron": { "command": "npx", "args": ["-y", "electron"] } } }

Add this to your claude_desktop_config.json or .cursor/mcp.json

Read the full setup guide โ†’

Ready to use Electron?

Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.

33,000+ ServersFree & Open SourceStep-by-Step Guides