electron

Automate Electron desktop applications via Chrome DevTools Protocol using agent-browser.

1|Updated Mar 5, 2026
One-click install
npx skills add https://github.com/Alwahdi/mikrotik-whisperer --skill electron-alwahdi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: electron
Source: https://github.com/Alwahdi/mikrotik-whisperer/tree/main/.agents/skills/electron
Command: npx skills add https://github.com/Alwahdi/mikrotik-whisperer --skill electron-alwahdi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires agent-browser.

What problem does it solve? Electron desktop apps like Slack, VS Code, and Discord cannot be automated with standard web browser tools, leaving testers and power users without a way to script interactions with native desktop software. ## Core Features & Use Cases - CDP Connection: Launch any Electron app with --remote-debugging-port and connect agent-browser to control it through the Chrome DevTools Protocol. - Snapshot-Interact Workflow: Discover interactive elements via snapshots, then click, fill, type, and screenshot using element refs, just like web automation. - Multi-Window and Webview Support: List and switch between windows and embedded webviews, and run multiple apps simultaneously with named sessions. - Use Case: A QA engineer needs to test a desktop Slack workflow. They launch Slack with remote debugging, connect agent-browser, snapshot the UI, click through channels, fill a message field, and capture annotated screenshots for the test report. ## Quick Start Launch Slack with remote debugging on port 9222, connect agent-browser to it, take an interactive snapshot, and click the element you want to automate.

Frequently Asked Questions about electron

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate an Electron desktop app?

Launch the Electron app with the --remote-debugging-port flag, then connect agent-browser to that port. From there, use snapshot to discover interactive elements and interact with them using element refs, the same workflow as web page automation.

How to connect agent-browser to a running desktop app?

Run agent-browser connect followed by the port number, such as agent-browser connect 9222. The app must have been launched with --remote-debugging-port=9222; if it was already running, quit and relaunch it with the flag first.

Which desktop apps support Chrome DevTools Protocol automation?

Any app built on Electron supports CDP automation, including Slack, Discord, VS Code, Figma, Notion, Spotify, Microsoft Teams, Postman, and Obsidian. Electron is built on Chromium, so the --remote-debugging-port flag works universally.

Why does agent-browser fail to connect to my Electron app?

Connection fails when the app was not launched with the --remote-debugging-port flag, or when the port is already in use by another process. Quit the app, relaunch it with the flag, wait a few seconds for initialization, and check port usage with lsof.

Can I automate multiple Electron apps at the same time?

Yes, use named sessions to control multiple apps simultaneously. Connect each app with a distinct session name and port, such as agent-browser --session slack connect 9222, then run commands against each session independently.

How do I interact with webviews inside an Electron app?

Webviews appear as separate targets in the agent-browser tab list with type webview. Use agent-browser tab to list all targets, switch to the webview by index, then snapshot and interact with it like a regular page.