electron

Automate Electron desktop apps via Chrome DevTools Protocol with agent-browser.

1|Updated Apr 27, 2026
One-click install
npx skills add https://github.com/haxlys/skills --skill electron-haxlys
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: electron
Source: https://github.com/haxlys/skills/tree/main/vendored/agent-browser/skill-data/electron
Command: npx skills add https://github.com/haxlys/skills --skill electron-haxlys

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates control of Electron desktop apps using agent-browser via the Chrome DevTools Protocol to enable UI automation, testing, and state extraction, reducing manual effort.

Core Features & Use Cases

  • Automate Electron apps via CDP for UI interactions, testing, and data extraction.
  • Connect to running Electron processes and manage multiple windows or webviews.
  • Use cases include automating Slack, VS Code, and Discord desktop apps, or other Electron-based tools.

Quick Start

Launch the target Electron app with remote debugging and run an initial agent-browser snapshot to locate UI elements.

Frequently Asked Questions about electron

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate UI interactions in an Electron desktop app?

Automate Electron desktop apps by launching them with a remote debugging port and connecting via the Chrome DevTools Protocol. This enables agent-browser to snapshot the UI, locate elements via refs, and execute automated interactions.

Can I use the Chrome DevTools Protocol to automate multi-window contexts in Electron apps?

Yes, the Chrome DevTools Protocol supports connecting to running Electron processes and managing multi-window contexts. This allows agent-browser to interact with multiple windows or webviews simultaneously during UI automation.

Does this UI automation approach work with apps like VS Code, Slack, and Discord?

This UI automation approach works with any Electron-based desktop app, including VS Code, Slack, and Discord. By leveraging the Chrome DevTools Protocol, it can interact with elements, run automated testing, and extract app state.

How do I locate UI elements for automated testing in an Electron application?

Locate UI elements in an Electron application by running an initial agent-browser snapshot after connecting via the Chrome DevTools Protocol. This snapshot maps the UI structure, allowing you to interact with elements using their specific refs.

What is required to extract app state from Electron desktop apps using agent-browser?

Extracting app state from Electron desktop apps requires launching the application with a remote debugging port enabled. Once connected via the Chrome DevTools Protocol, agent-browser can snapshot the UI and extract the current application state.

Are there limitations when automating Electron apps via the Chrome DevTools Protocol?

Automating Electron apps via the Chrome DevTools Protocol requires the target app to be launched with a remote debugging port. If the app cannot be started with this flag, connecting agent-browser to snapshot the UI and interact with elements will not be possible.