electron

Automate Electron desktop apps via Chrome DevTools Protocol.

Updated Jan 2, 2026
One-click install
npx skills add https://github.com/tanaka-mambinge/dotfiles --skill electron-tanaka-mambinge
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: electron
Source: https://github.com/tanaka-mambinge/dotfiles/tree/main/ai-configs/skills/electron
Command: npx skills add https://github.com/tanaka-mambinge/dotfiles --skill electron-tanaka-mambinge

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Electron apps are desktop applications built on Chromium, but automating them requires attaching to a Chrome DevTools Protocol port and coordinating a multi-step workflow.

Core Features & Use Cases

  • Launch an Electron app with remote debugging enabled to expose a CDP port.
  • Connect agent-browser to the running app and enumerate targets (pages, webviews).
  • Snapshot UI state, interact with elements using references, and navigate across windows.
  • Take screenshots, extract text, fill inputs, and run scripted actions across multiple Electron apps (Slack, VS Code, Discord, Figma, Notion, and Spotify).

Quick Start

Launch the Electron app with --remote-debugging-port and run agent-browser connect to begin automating.

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 using Chrome DevTools Protocol?

You can automate Electron desktop apps by launching the app with the --remote-debugging-port flag to expose a CDP port, then connecting agent-browser to enumerate targets, inspect UI elements, execute clicks, and collect results.

Can I script UI interactions for apps like Slack, VS Code, and Discord?

Yes, scripted UI interactions work across multiple Electron apps including Slack, VS Code, Discord, Figma, Notion, and Spotify. You can snapshot UI state, interact with elements using references, fill inputs, and take screenshots.

What's the best way to inspect and navigate webview targets in an Electron app?

The best way to inspect webview targets is connecting agent-browser to the running app's remote debugging port, which allows you to enumerate page and webview targets, navigate across windows, and interact with elements through scripted actions.

Do I need to launch my Electron app with a special flag to enable UI testing?

Yes, you must launch the Electron app with remote debugging enabled using the --remote-debugging-port flag. This exposes the Chrome DevTools Protocol port that agent-browser connects to for enumerating targets and running automation scripts.

Why does my agent-browser connection fail to attach to an Electron app?

Connection failures typically occur when the Electron app is not launched with the --remote-debugging-port flag. Without exposing the Chrome DevTools Protocol port, agent-browser cannot attach to the running app to enumerate targets or execute interactions.

Can I manage multiple tabs and windows when automating an Electron app?

Yes, tab management is supported when automating Electron apps. After connecting to the CDP port, you can enumerate targets, navigate across multiple windows, and interact with elements across different pages and webviews within the application.