electron

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

2|Updated Apr 29, 2026
One-click install
npx skills add https://github.com/siarhei-belavus/agent-public --skill electron-siarhei-belavus
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: electron
Source: https://github.com/siarhei-belavus/agent-public/tree/main/skills/electron
Command: npx skills add https://github.com/siarhei-belavus/agent-public --skill electron-siarhei-belavus

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires agent-browser.

What problem does it solve? Desktop applications built on Electron (Slack, VS Code, Discord, Figma, Notion, Spotify) cannot be automated with standard web browser tools, forcing manual interaction for testing, data extraction, and repetitive UI tasks. ## Core Features & Use Cases - CDP Connection: Launch any Electron app with --remote-debugging-port and connect agent-browser to control it through Chrome DevTools Protocol. - Snapshot-Interact Workflow: Discover interactive elements via accessibility snapshots, then click, fill, type, and screenshot using element refs. - Multi-App Sessions: Control several Electron apps simultaneously with named sessions and switch between windows or webviews using tab commands. - Use Case: Launch Slack with remote debugging, connect agent-browser, snapshot the UI to find a channel, click it, and extract message text into a JSON file for analysis. ## Quick Start Launch Slack with the remote debugging port flag, then ask the agent to connect to port 9222 and take an interactive snapshot of the app.

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 app like Slack or VS Code?▼

Launch the app with the --remote-debugging-port flag (for example, open -a "Slack" --args --remote-debugging-port=9222), then run agent-browser connect 9222. From there, use agent-browser snapshot -i to discover elements and interact via element refs.

How to control multiple Electron desktop apps at the same time?▼

Use named sessions to isolate each connection. Run agent-browser --session slack connect 9222 and agent-browser --session vscode connect 9223, then prefix subsequent commands with the matching --session flag to interact with each app independently.

Which desktop apps support automation via Chrome DevTools Protocol?▼

Any app built on Electron supports the --remote-debugging-port flag because it is built into Chromium. This includes Slack, Discord, Microsoft Teams, VS Code, Figma, Notion, Spotify, Obsidian, Postman, and similar applications.

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; the flag must be present at launch time, so quit and relaunch the app. Also wait a few seconds after launch and verify the port is free with lsof -i :9222.

Why are elements missing from the snapshot of an Electron app?▼

Electron apps often use multiple windows or webviews, so run agent-browser tab to list targets and switch to the correct one. You can also use agent-browser snapshot -i -C to include cursor-interactive elements like divs with onclick handlers.