skills.rest
lgwanai
lgwanaiCOMMUNITY
Explore all skills by this author →
GitHub

electron

Automate Electron desktop apps via Chrome DevTools Protocol remote debugging.

4|1|Updated Mar 22, 2026
Search Tags:#form automation#ui testing#electron#cdp#screenshot#desktop automation#snapshot interaction
One-click install
npx skills add https://github.com/lgwanai/openforce --skill electron-lgwanai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: electron
Source: https://github.com/lgwanai/openforce/tree/main/skills/electron
Command: npx skills add https://github.com/lgwanai/openforce --skill electron-lgwanai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Electron desktop apps expose dynamic UI that is hard to test and automate reliably, especially when you need consistent snapshot-and-interact behavior across different app states.

Core Features & Use Cases

  • CDP-based Electron automation: Connect to an Electron app’s Chrome DevTools Protocol (remote debugging) port and drive it with snapshot-based element discovery.
  • End-to-end UI workflows: Launch apps with the required remote debugging flag, connect, snapshot, click/navigate, resnapshot after state changes, and extract data (text / JSON) or take annotated screenshots.
  • Multi-window / webview support: List and switch targets using tab commands to operate the correct window or webview inside the Electron container.
  • Common scenarios: Automate Slack/VS Code/Discord-style desktop interactions, control an already-running app after relaunching with the flag, and test an Electron application with repeatable UI steps.

Quick Start

Launch Slack with remote debugging enabled, then connect and snapshot to discover interactive 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 an Electron desktop app via CDP?▼

To automate an Electron app via CDP, launch the application with the --remote-debugging-port flag, then use an agent-browser to connect and take UI snapshots for element discovery and interaction.

Can I test multi-window or webview targets in an Electron app?▼

Yes, you can test multi-window or webview targets in an Electron app by listing and switching targets using tab commands to operate the correct window or webview inside the container.

How do I extract UI state or take screenshots during desktop automation?▼

You extract UI state or take screenshots during desktop automation by driving multi-window targets, clicking elements, re-snapshotting after state changes, and extracting data or annotated screenshots.

What is needed to connect to an already running Electron app for UI testing?▼

To connect to an already running Electron app for UI testing, you must relaunch the app with the --remote-debugging-port flag enabled so the agent-browser can connect to the debugging port.

Does this approach work for automating Slack or VS Code style desktop interactions?▼

Yes, this approach works for automating Slack or VS Code style desktop interactions by connecting to the Chrome DevTools Protocol port and driving repeatable UI workflows with snapshot-based element discovery.

Related Skills

Explore More Software Engineering Skills→
GraffiohGraffioh

web-browser

Automate Chrome browser interactions via the Chrome DevTools Protocol.

Community
Advanced
vibrationalforcevibrationalforce

gstack

Automate headless browser QA workflows with Playwright and Bun.

Community
Advanced
Nairon-AINairon-AI
7

browser

Automate browser tasks via agent-browser using element refs and snapshots.

Official
Advanced
phodalphodal
1.8k

electron

Automate Electron desktop apps via Chrome DevTools Protocol connections.

Community
Intermediate