Back to Skills

electron

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 applica

28,703stars1,744forksUpdated 4/12/2026

Security Assessment

Safe(100/100)
Security Score100/100

About electron

The Electron skill enables automation of Electron-based desktop applications like Slack, VS Code, Discord, Figma, Notion, and Spotify, leveraging the Chrome DevTools Protocol (CDP). This skill connects to a running Electron app, allowing users to automate tasks, interact with the application, and test the functionality of these desktop applications. By utilizing agent-browser and its snapshot-interact workflow, users can automate repetitive tasks, facilitate testing, and interact with native apps in an efficient manner, mimicking actions that would usually require manual effort. This makes it especially useful for developers, testers, and teams who work with Electron applications and need reliable ways to automate their workflows or test their features in a consistent manner.

The main features of this skill include launching Electron apps with CDP support, connecting to the app's CDP port for interaction, discovering and interacting with interactive elements within the app, and managing multiple tabs or webviews within the application. Additionally, it offers auto-discovery of running apps, and full support for handling embedded webviews, which are often present in Electron apps. Users can automate a wide range of tasks from simple UI clicks and screenshots to full navigational testing, making the skill versatile for both application development and quality assurance workflows. The skill provides a clear and straightforward setup process, offering a simple interface to launch and control Electron apps across different platforms like macOS, Windows, and Linux.

Use cases for this skill include automating routine interactions in apps such as Slack or VS Code, conducting user interface testing on Electron-based applications, or controlling native apps remotely for debugging or task automation. It is ideal for testers looking to script interactions for app validation, developers needing to automate certain aspects of Electron apps, or even power users who want to extend the functionality of their desktop apps through automation. By enabling easy connectivity and control, this skill streamlines many aspects of working with Electron applications, particularly when combined with agent-browser's snapshot and interaction capabilities.

FAQ

How do I launch an Electron app with remote debugging enabled?

To launch an Electron app with remote debugging enabled, you can use the command 'open -a <app-name> --args --remote-debugging-port=<port-number>' on macOS, or similar commands for Linux and Windows as specified in the documentation.

Can I automate tasks in any Electron app?

Yes, as long as the Electron app supports the Chrome DevTools Protocol (CDP), you can automate tasks. This includes apps like Slack, VS Code, Discord, Figma, Notion, and Spotify, among others.

What should I do if the app is already running?

If the app is already running, you need to quit it first and then relaunch it with the '--remote-debugging-port' flag enabled. The debugging port must be specified at launch time.

How do I manage multiple tabs or webviews in an Electron app?

You can use the 'agent-browser tab' command to list all available tabs, switch between tabs by index or URL pattern, and interact with specific webviews identified in the tab list.

Is this skill compatible with non-Electron apps?

No, this skill specifically targets Electron applications that expose a Chrome DevTools Protocol (CDP) port, and is not compatible with non-Electron apps.

Install electron

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill