skills.rest
suwandre
suwandreCOMMUNITY
Explore all skills by this author →
Website𝕏@jdogelsGitHub

electron

Automates Electron desktop apps via Chrome DevTools Protocol using agent-browser.

Updated Apr 26, 2026
Search Tags:#automation#testing#electron#cdp#desktop#webview#agent-browser
One-click install
npx skills add https://github.com/suwandre/my-opencode-config --skill electron-suwandre
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: electron
Source: https://github.com/suwandre/my-opencode-config/tree/main/skills/electron
Command: npx skills add https://github.com/suwandre/my-opencode-config --skill electron-suwandre

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automate repetitive interactions with Electron-based desktop apps (Slack, VS Code, Discord, and others) to speed up testing and routine tasks.

Core Features & Use Cases

  • Launch Electron apps with remote debugging and connect agent-browser to the CDP port.
  • Snapshot UI elements, interact with them via element refs, and manage multiple windows or webviews.
  • Automate common scenarios such as opening menus, filling forms, taking screenshots, and validating app flows.

Quick Start

Launch the target Electron app with remote debugging enabled and attach agent-browser to begin automated interactions.

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 for testing?▼

Automate Electron desktop apps by connecting agent-browser to the Chrome DevTools Protocol (CDP) to drive UI interactions. This allows you to snapshot elements, click, fill forms, and validate application flows across multiple windows.

Can I use CDP to control multiple webviews in an Electron app?▼

Yes, you can use CDP to control multiple webviews in an Electron app. By attaching agent-browser to the remote debugging port, you can manage multiple windows, snapshot UI elements, and interact with them via element references.

What is needed to start automating Slack or VS Code with agent-browser?▼

To start automating Slack or VS Code, you must launch the Electron application with remote debugging enabled. Once the CDP port is exposed, you can attach agent-browser to begin automating common desktop workflows and interactions.

Does automating an Electron app require remote debugging enabled?▼

Yes, automating an Electron app requires launching the target application with remote debugging enabled. This exposes the Chrome DevTools Protocol port that agent-browser connects to in order to snapshot, click, fill, and navigate the UI.

What desktop workflows can I automate with the Chrome DevTools Protocol?▼

Using the Chrome DevTools Protocol, you can automate desktop workflows such as opening menus, filling forms, taking screenshots, and validating application flows within Electron apps like Discord, Slack, and VS Code.

Are there limitations when testing Electron apps via CDP and agent-browser?▼

Testing Electron apps via CDP and agent-browser is limited to applications that support remote debugging. Automation relies on connecting to the exposed CDP port to drive UI interactions, meaning apps without this enabled cannot be controlled.

Related Skills

Explore More Software Engineering Skills→
cookeyholdercookeyholder

electron

Automate Electron desktop apps via Chrome DevTools Protocol with agent-browser.

Community
Advanced
drsapaevdrsapaev
2

webapp-testing

Test local web applications with Playwright Python scripts.

Community
Intermediate
KxiandaoyanKxiandaoyan
339

webapp-testing

Automates web app navigation, element interaction, UI verification, and screenshots via browser automation commands.

Community
Intermediate
phodalphodal
1.8k

electron

Automate Electron desktop apps via Chrome DevTools Protocol connections.

Community
Intermediate