electron

Automate Electron desktop apps via Chrome DevTools Protocol port.

9|Updated Feb 15, 2026
One-click install
npx skills add https://github.com/gwenwindflower/dotfiles --skill electron-gwenwindflower
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: electron
Source: https://github.com/gwenwindflower/dotfiles/tree/main/dot_agents/exact_skills/electron
Command: npx skills add https://github.com/gwenwindflower/dotfiles --skill electron-gwenwindflower

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automate Electron desktop apps from the terminal by connecting to their Chrome DevTools Protocol port to drive UI interactions, snapshots, and automated workflows.

Core Features & Use Cases

  • Launch Electron apps with remote debugging enabled and connect agent-browser to the CDP port to establish a control session.
  • Snapshot and interact with UI elements across multiple windows and webviews, with optional tab management.
  • Take screenshots, extract text, and automate repetitive tasks within desktop apps like Slack, VS Code, Figma, Notion, and Spotify.

Quick Start

Launch the Electron app with remote debugging enabled and connect agent-browser to the CDP port to begin snapshotting and interaction.

Frequently Asked Questions about electron

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

FAQPage Schema
How do I automate Electron desktop apps from the terminal?

You can automate Electron desktop apps by launching the application with the --remote-debugging-port flag and connecting agent-browser to the Chrome DevTools Protocol port to drive UI interactions and snapshots.

Can I use Chrome DevTools Protocol to test UI in apps like VS Code or Slack?

Yes, connecting to the Chrome DevTools Protocol port enables UI testing in VS Code, Slack, Discord, Figma, Notion, and Spotify by using agent-browser to snapshot and interact with elements across multiple windows and webviews.

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

To enable scripting, launch the Electron app with the --remote-debugging-port flag, then connect agent-browser to that CDP port to establish a control session for taking screenshots and extracting text.

What is the best way to inspect and interact with elements across multiple Electron windows?

The best way to inspect multiple Electron windows is connecting agent-browser to the app's Chrome DevTools Protocol port, which allows you to snapshot UI elements, manage webviews, and handle optional tab management.

Does this approach work for automating repetitive tasks in Notion and Spotify?

Yes, automating repetitive tasks in Notion and Spotify is supported by establishing a CDP connection to the Electron app, enabling scripted interactions, text extraction, and screenshot capture from the terminal.

Do I need to enable a specific port to script interactions in Electron apps?

Yes, you must launch the Electron app with the --remote-debugging-port flag to expose the Chrome DevTools Protocol interface required for agent-browser to connect and automate UI workflows.