How do I install the Electron skill?

Run npx skillmds@latest add flpbalada/electron in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Electron safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Electron?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Electron free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Electron?

flpbalada (@flpbalada) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Electron by flpbalada — Agent Skill

Name: Electron
Author: flpbalada

Electron

Automate or test Electron desktop apps through agent-browser and Chrome DevTools Protocol, including Slack, VS Code, Discord, Figma, Notion, Spotify, and similar apps. Use when user asks to control, connect to, inspect, click, fill, screenshot, or interact with a native Electron app UI. Do not use for normal web URLs.

flpbalada c31aa2d 2.7 KB Updated Sep 17, 2026

File contents

Electron App Automation

Control Electron desktop apps with agent-browser through Chrome DevTools Protocol.

Goal

Launch app with remote debugging.
Connect agent-browser.
Use snapshots to find refs.
Interact with the app like a user.

Rules

App must be launched with --remote-debugging-port.
If app is already running, quit and relaunch with flag.
Prefer unique ports for multiple apps.
Use named sessions when controlling multiple apps.
Use snapshot -i before clicking or filling.
Re-snapshot after navigation or state changes.

Flow

Launch app with CDP port.
Wait for app to start.
Connect agent-browser.
List tabs when multiple windows or webviews exist.
Snapshot and interact.
Capture screenshots or data as needed.

Launch examples

open -a "Slack" --args --remote-debugging-port=9222
open -a "Visual Studio Code" --args --remote-debugging-port=9223
open -a "Discord" --args --remote-debugging-port=9224
open -a "Figma" --args --remote-debugging-port=9225
open -a "Notion" --args --remote-debugging-port=9226
open -a "Spotify" --args --remote-debugging-port=9227

Linux:

slack --remote-debugging-port=9222
code --remote-debugging-port=9223
discord --remote-debugging-port=9224

Windows:

"C:\Users\%USERNAME%\AppData\Local\slack\slack.exe" --remote-debugging-port=9222
"C:\Users\%USERNAME%\AppData\Local\Programs\Microsoft VS Code\Code.exe" --remote-debugging-port=9223

Connect

agent-browser connect 9222
agent-browser snapshot -i
agent-browser click @e5
agent-browser screenshot app.png

Use per-command CDP when needed:

agent-browser --cdp 9222 snapshot -i

Tabs and webviews

agent-browser tab
agent-browser tab 2
agent-browser tab --url "*settings*"

Webviews appear as separate targets. Switch to the right target before interacting.

Multiple apps

agent-browser --session slack connect 9222
agent-browser --session vscode connect 9223
agent-browser --session slack snapshot -i
agent-browser --session vscode snapshot -i

Troubleshooting

Connection refused: relaunch app with CDP flag.
Wrong window: run agent-browser tab.
Elements missing: switch tab or webview.
App slow to appear: wait a few seconds, then snapshot again.
Dark mode lost: use agent-browser --color-scheme dark ....

---name: electrondescription: Automate or test Electron desktop apps through agent-browser and Chrome DevTools Protocol, including Slack, VS Code, Discord, Figma, Notion, Spotify, and similar apps. Use when user asks to control, connect to, inspect, click, fill, screenshot, or interact with a native Electron app UI. Do not use for normal web URLs.---# Electron App AutomationControl Electron desktop apps with `agent-browser` through Chrome DevTools Protocol.## Goal- Launch app with remote debugging.- Connect `agent-browser`.- Use snapshots to find refs.- Interact with the app like a user.## Rules- App must be launched with `--remote-debugging-port`.- If app is already running, quit and relaunch with flag.- Prefer unique ports for multiple apps.- Use named sessions when controlling multiple apps.- Use `snapshot -i` before clicking or filling.- Re-snapshot after navigation or state changes.## Flow1. Launch app with CDP port.2. Wait for app to start.3. Connect `agent-browser`.4. List tabs when multiple windows or webviews exist.5. Snapshot and interact.6. Capture screenshots or data as needed.## Launch examples```bashopen -a "Slack" --args --remote-debugging-port=9222open -a "Visual Studio Code" --args --remote-debugging-port=9223open -a "Discord" --args --remote-debugging-port=9224open -a "Figma" --args --remote-debugging-port=9225open -a "Notion" --args --remote-debugging-port=9226open -a "Spotify" --args --remote-debugging-port=9227```Linux:```bashslack --remote-debugging-port=9222code --remote-debugging-port=9223discord --remote-debugging-port=9224```Windows:```bash"C:\Users\%USERNAME%\AppData\Local\slack\slack.exe" --remote-debugging-port=9222"C:\Users\%USERNAME%\AppData\Local\Programs\Microsoft VS Code\Code.exe" --remote-debugging-port=9223```## Connect```bashagent-browser connect 9222agent-browser snapshot -iagent-browser click @e5agent-browser screenshot app.png```Use per-command CDP when needed:```bashagent-browser --cdp 9222 snapshot -i```## Tabs and webviews```bashagent-browser tabagent-browser tab 2agent-browser tab --url "*settings*"```Webviews appear as separate targets.Switch to the right target before interacting.## Multiple apps```bashagent-browser --session slack connect 9222agent-browser --session vscode connect 9223agent-browser --session slack snapshot -iagent-browser --session vscode snapshot -i```## Troubleshooting- Connection refused: relaunch app with CDP flag.- Wrong window: run `agent-browser tab`.- Elements missing: switch tab or webview.- App slow to appear: wait a few seconds, then snapshot again.- Dark mode lost: use `agent-browser --color-scheme dark ...`.

Frequently asked questions