electron

Automate Electron desktop app interactions via Chrome DevTools Protocol.

40.3k|2.6k|Updated Jan 11, 2026
One-click install
npx skills add https://github.com/vercel-labs/agent-browser --skill electron-vercel-labs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: electron
Source: https://github.com/vercel-labs/agent-browser/tree/main/skills/electron
Command: npx skills add https://github.com/vercel-labs/agent-browser --skill electron-vercel-labs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Electron apps lack straightforward automation interfaces; this Skill provides a unified approach to automate Electron desktop apps (Slack, VS Code, etc.) using agent-browser via CDP.

Core Features & Use Cases

  • Launch Electron apps with remote debugging enabled
  • Connect agent-browser to the app via CDP
  • Snapshot the UI to identify element refs
  • Interact with elements using ref-based commands
  • Re-snapshot after navigation or state changes
  • Take screenshots and extract text from desktop apps

Quick Start

Launch the Electron app with remote debugging, connect agent-browser to the CDP port, and begin the snapshot-driven automation workflow.

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?

Automate Electron desktop apps by launching the app with a remote debugging port and connecting agent-browser via CDP. This enables snapshot-interact workflows to identify UI element refs, interact with elements, take screenshots, and extract text from native desktop applications.

Can I use agent-browser to perform UI testing on apps like VS Code or Slack?

Yes, agent-browser connects to Electron apps like VS Code and Slack via Chrome DevTools Protocol to perform UI testing. It snapshots the UI to identify element refs and supports multi-window targeting for interacting with complex native desktop application interfaces.

How do I launch an Electron app to enable CDP automation?

Launch the Electron app with the --remote-debugging-port flag to enable CDP automation. This exposes the debugging endpoint, allowing agent-browser to connect, snapshot the UI, and execute ref-based interaction commands within the desktop application.

What is the snapshot-interact workflow for desktop app automation?

The snapshot-interact workflow snapshots the UI to identify element refs, executes interactions using those refs, and re-snapshots after navigation or state changes. This CDP-driven cycle enables precise, state-aware UI automation for Electron desktop applications.

Does this automation approach support multi-window targeting in Electron apps?

Yes, the CDP-based automation approach supports multi-window targeting within Electron apps. Agent-browser connects to the remote debugging port and can isolate snapshots and ref-based interactions across multiple application windows during the automation workflow.

What are the limitations of using CDP for Electron UI automation?

CDP-based Electron UI automation requires the app to be launched with the --remote-debugging-port flag. It depends on snapshot-interact workflows rather than direct DOM access, meaning automation will not work if the remote debugging port is blocked or unavailable.