Tooluck logoTooluck
SKILL.md

electron

Agent skill fromfcakyon/claude-codex-settings

Automate Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) using agent-browser via Chrome DevTools Protocol. Use when the user needs to interact with an Electron app, automate a desktop app, connect to a running app, control a native app, or test an Electron application. Triggers include "automate Slack app", "control VS Code", "interact with Discord app", "test this Electron app", "connect to desktop app", or any task requiring automation of a native Electron application.

How to install electron

install electron
# install the claude-codex-settings pack with the skills CLI
npx skills add fcakyon/claude-codex-settings

# or add only this skill to Claude Code: copy the folder

plugins/agent-browser/skills/electron/

# into

~/.claude/skills/electron/ (all projects)

.claude/skills/electron/ (one project)

plugins/agent-browser/skills/electron/SKILL.md

Apache-2.0Full file
1# Electron App Automation
2
3Automate any Electron desktop app using agent-browser. Electron apps are built on Chromium and expose a Chrome DevTools Protocol (CDP) port that agent-browser can connect to, enabling the same snapshot-interact workflow used for web pages.
4
5## Core Workflow
6
71. **Launch** the Electron app with remote debugging enabled
82. **Connect** agent-browser to the CDP port
93. **Snapshot** to discover interactive elements
104. **Interact** using element refs
115. **Re-snapshot** after navigation or state changes
12
13```bash
14# Launch an Electron app with remote debugging
15open -a "Slack" --args --remote-debugging-port=9222
16
17# Connect agent-browser to the app
18agent-browser connect 9222
19
20# Standard workflow from here
21agent-browser snapshot -i
22agent-browser click @e5
23agent-browser screenshot slack-desktop.png
24```
25
26## Launching Electron Apps with CDP
27
28Every Electron app supports the `--remote-debugging-port` flag since it's built into Chromium.
29
30### macOS
31
32```bash
33# Slack
34open -a "Slack" --args --remote-debugging-port=9222
35
36# VS Code
37open -a "Visual Studio Code" --args --remote-debugging-port=9223
38
39# Discord
40open -a "Discord" --args --remote-debugging-port=9224
41
42# Figma
43open -a "Figma" --args --remote-debugging-port=9225
44
45# Notion
46open -a "Notion" --args --remote-debugging-port=9226
47
48# Spotify
49open -a "Spotify" --args --remote-debugging-port=9227
50```
51
52### Linux
53
54```bash
55slack --remote-debugging-port=9222
56code --remote-debugging-port=9223
57…

Excerpt shown under the repository's Apache-2.0 license.

More skills in claude-codex-settings

Keep exploring

Similar skill repositories

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates