electron

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

Updated Apr 29, 2026
One-click install
npx skills add https://github.com/dev-khoi/AURA-conHack-2026 --skill electron-dev-khoi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: electron
Source: https://github.com/dev-khoi/AURA-conHack-2026/tree/main/.opencode/skills/electron
Command: npx skills add https://github.com/dev-khoi/AURA-conHack-2026 --skill electron-dev-khoi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Desktop Electron apps like Slack, VS Code, and Discord cannot be automated with standard web browser tools, forcing users to perform repetitive UI interactions manually. This Skill connects agent-browser to any Electron app's Chrome DevTools Protocol port, enabling the same snapshot-and-interact workflow used for web pages. ## Core Features & Use Cases - CDP Connection: Launch any Electron app with --remote-debugging-port and connect agent-browser to control it programmatically. - Multi-Window and Webview Support: List, switch between, and interact with multiple windows and embedded webviews using tab commands. - Full Interaction Toolkit: Snapshot UI elements, click, fill forms, type text, extract data, and capture screenshots of desktop apps. - Use Case: Connect to a running Slack instance, snapshot the interface to find a channel, post a message, and screenshot the result for verification. ## Quick Start Ask the agent to launch Slack with remote debugging on port 9222, connect agent-browser, and take an interactive snapshot of the window.

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, then run agent-browser connect with that port number. From there, use snapshot to discover elements and interact with them using element refs, just like automating a web page.

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

Run agent-browser connect followed by the CDP port number, such as agent-browser connect 9222. Alternatively, pass --cdp 9222 on individual commands or use --auto-connect to discover a running Chromium-based app automatically.

Does Electron automation work with apps already running?▼

No, the --remote-debugging-port flag must be present at launch time. If the app is already running, quit it completely and relaunch with the flag before attempting to connect.

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, then prefix commands with --session to target each app independently.

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

Connection failures usually mean the app was not launched with --remote-debugging-port, the port is occupied by another process, or the app needs more startup time. Wait a few seconds after launch and verify the port with lsof.

Which desktop apps support Chrome DevTools Protocol automation?▼

Any app built on Electron supports it, including Slack, Discord, Microsoft Teams, VS Code, Figma, Notion, Spotify, Obsidian, Postman, and 1Password. All Electron apps expose the Chromium remote debugging interface.