electron

Automate Electron desktop app interactions via Chrome DevTools Protocol.

63|12|Updated Mar 9, 2026
One-click install
npx skills add https://github.com/iBz-04/gloamy --skill electron-ibz-04
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: electron
Source: https://github.com/iBz-04/gloamy/tree/main/.agents/skills/electron
Command: npx skills add https://github.com/iBz-04/gloamy --skill electron-ibz-04

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates the manual, error-prone work of interacting with Electron desktop apps through repetitive UI clicks and form operations by using Chrome DevTools Protocol (CDP) automation.

Core Features & Use Cases

  • Electron desktop automation via CDP: Launch apps with remote debugging enabled, connect to the CDP port, and control the UI using agent-browser snapshots and element references.
  • Snapshot-driven interaction and re-snapshotting: Discover interactive elements, interact with them (click/fill), then re-snapshot after navigation or state changes to keep actions accurate.
  • Multi-window and webview support: Use tab listing/switching to target specific windows and control embedded <webview> content as separate targets.
  • Common use cases: Automate Slack/Discord workflows, control VS Code, automate Figma/Notion pages inside Electron shells, test Electron apps, or extract data from a running desktop client.

Quick Start

Ask the agent to launch Slack with remote debugging enabled, connect to the CDP port, snapshot the UI, and click the element you specify by its snapshot ref.

Frequently Asked Questions about electron

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

FAQPage Schema
How do I automate an Electron desktop application using Chrome DevTools Protocol?

You can automate an Electron desktop application by launching it with the --remote-debugging-port flag and connecting an agent-browser to the CDP endpoint to drive UI navigation, fill forms, and extract data.

How do I interact with embedded webviews in an Electron app during UI testing?

To interact with embedded webviews in an Electron app during UI testing, you can use tab listing and switching to target specific windows and control the webview content as a separate CDP target.

What is the best way to keep automated UI interactions accurate in an Electron app?

The best way to keep automated UI interactions accurate is to use snapshot-driven element discovery, interact with elements, and then re-snapshot the UI after navigation or state changes to maintain correct references.

Do I need to launch my Electron app with remote debugging enabled to use desktop automation?

Yes, you need to launch your Electron app with the --remote-debugging-port flag at startup or connect to an existing CDP port to enable agent-browser desktop automation and UI control.

Can I automate workflows in desktop clients like Slack, Discord, or VS Code built with Electron?

Yes, you can automate workflows in Electron-based desktop clients like Slack, Discord, or VS Code by connecting to their CDP endpoints to perform UI navigation, take screenshots, and extract data.

What are the limitations of using CDP for desktop automation in Electron applications?

A key limitation of using CDP for desktop automation is that the target Electron application must be started with the --remote-debugging-port flag, meaning you cannot automate apps where you cannot modify the launch parameters.