electron

Automate Electron desktop app testing via Chrome DevTools Protocol.

6|Updated Feb 25, 2026
One-click install
npx skills add https://github.com/archibate/archibate-skills --skill electron-archibate
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: electron
Source: https://github.com/archibate/archibate-skills/tree/main/old-skills/trash-skills/electron
Command: npx skills add https://github.com/archibate/archibate-skills --skill electron-archibate

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Electron desktop applications expose web-like UIs but are difficult to automate with traditional desktop automation tools; this Skill enables programmatic inspection and control by connecting to the app's Chrome DevTools Protocol port so agents can reliably snapshot, navigate, and interact with the app UI.

Core Features & Use Cases

  • CDP-based Control: Connect agent-browser to an Electron app's remote-debugging port to snapshot and interact with windows and webviews.
  • Multi-window and Webview Support: List and switch between windows and embedded webviews, take screenshots, extract text, and run scripted interactions across sessions.
  • Use Case: Launch Slack with a remote debugging port, connect via agent-browser, snapshot the main window to find message elements, and automate message sending or UI testing workflows.

Quick Start

Launch the Electron app with a remote debugging port and ask the agent to connect to the exposed CDP port and run a snapshot to inspect and interact with the UI.

Frequently Asked Questions about electron

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

FAQPage Schema
How do I automate UI testing for Electron desktop apps like Slack or VS Code?

Automate UI testing for Electron apps by launching the target application with a remote-debugging-port flag and connecting agent-browser to the exposed Chrome DevTools Protocol port to snapshot, inspect, and interact with UI elements.

Can I take screenshots and extract text from embedded webviews in an Electron application?

Yes, you can take screenshots and extract text from embedded webviews by connecting to the CDP port, which allows you to list, switch between, and interact with multiple windows and webviews across the Electron application.

How does Chrome DevTools Protocol connection work for desktop automation of Electron apps?

Chrome DevTools Protocol connection enables desktop automation of Electron apps by establishing a link to the app's remote debugging port, allowing agents to issue interaction commands, inspect web-like UIs, and run scripted navigation workflows.

What do I need to set up before automating interactions with an Electron app?

To automate interactions with an Electron app, you need to launch the target application with the remote-debugging-port flag active, enabling agent-browser to connect to the CDP port and execute subsequent UI inspection and interaction commands.

Why use CDP-based control instead of traditional desktop automation tools for Electron applications?

CDP-based control is used because Electron apps expose web-like UIs that are difficult for traditional desktop automation tools to access, allowing programmatic inspection and reliable scripted interactions directly through the DevTools Protocol.

Does this automation method support multi-window navigation and interaction in apps like Discord or Figma?

Yes, this automation method supports multi-window navigation in apps like Discord or Figma by connecting to the CDP port to list and switch between active windows and embedded webviews for comprehensive UI testing and data extraction.