Electron

The electron skill enables agents to automate Electron desktop applications (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) by connecting to their Chrome DevTools Protocol port and using the agent-browser snapshot-interact workflow. It solves the problem of automating native desktop apps by leveraging the fact that Electron apps are built on Chromium and expose a CDP port, allowing the same browser automation techniques to work on desktop applications. This skill is for users who need to interact with, test, or control Electron applications across macOS, Linux, and Windows platforms.

skills.sh installs: 16.8K
GitHub stars: 29.3K

View on GitHub

Install

$ npx -y skills add vercel-labs/agent-browser --skill electron --agent claude-code

Installs into .claude/skills of the current project.

Files

Electron App Automation

Automate 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.

Core Workflow

Launch the Electron app with remote debugging enabled
Connect agent-browser to the CDP port
Snapshot to discover interactive elements
Interact using element refs
Re-snapshot after navigation or state changes

# Launch an Electron app with remote debugging
open -a "Slack" --args --remote-debugging-port=9222

# Connect agent-browser to the app
agent-browser connect 9222

# Standard workflow from here
agent-browser snapshot -i
agent-browser click @e5
agent-browser screenshot slack-desktop.png

Launching Electron Apps with CDP

Every Electron app supports the --remote-debugging-port flag since it's built into Chromium.

macOS

# Slack
open -a "Slack" --args --remote-debugging-port=9222

# VS Code
open -a "Visual Studio Code" --args --remote-debugging-port=9223

# Discord
open -a "Discord" --args --remote-debugging-port=9224

SKILL.md on GitHub