skills.rest
Chris-Maskey
Chris-MaskeyCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

electron

Automate Electron desktop app UI interactions via Chrome DevTools Protocol.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automate Electron desktop apps to control native UI, streamline testing, and automate repetitive workflows using agent-browser via the Chrome DevTools Protocol.

Core Features & Use Cases

  • Launch Electron apps with remote debugging enabled and connect agent-browser to the CDP port.
  • Snapshot the UI, identify elements, and perform interactions across multiple windows and webviews.
  • Automate common tasks such as clicking, typing, form filling, and end-to-end UI testing for apps like Slack, VS Code, and Discord.

Quick Start

Open the target Electron app with remote debugging enabled and connect agent-browser to start automating tasks.

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

Automate Electron desktop apps by launching them with remote debugging enabled and connecting agent-browser to the Chrome DevTools Protocol port to control native UI interactions like clicks and fills.

Can I use Chrome DevTools Protocol to control native UI in VS Code or Slack?▼

Yes, you can connect to the CDP port of Electron apps like VS Code, Slack, Discord, and Notion to snapshot elements and perform automated interactions across multiple windows and webviews.

What do I need to start automating tasks in Electron apps via CDP?▼

You need to enable remote debugging in the target Electron app, expose a CDP port, and integrate with agent-browser to execute snapshot, click, fill, and test commands.

Does this automation approach work across multiple Electron windows and webviews?▼

Yes, automating Electron apps via Chrome DevTools Protocol allows you to snapshot UI elements and perform interactions across multiple windows and webviews within the application.

What is the best way to streamline repetitive workflows in Notion or Discord?▼

Streamline repetitive workflows by using agent-browser via the Chrome DevTools Protocol to automate common tasks such as clicking, typing, and form filling in Notion or Discord.

Why do I need to enable remote debugging to automate Electron applications?▼

Enabling remote debugging exposes the CDP port required for agent-browser to connect, snapshot elements, and execute automated interactions within the Electron application.

Related Skills

Explore More Software Engineering Skills→
phodalphodal
1.8k

electron

Automate Electron desktop apps via Chrome DevTools Protocol connections.

Community
Intermediate
funsaizedfunsaized
1

electron

Automate Electron desktop apps via CDP for UI control and testing.

Community
Advanced
cookeyholdercookeyholder

electron

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

Community
Advanced
daltonkyemillerdaltonkyemiller
2

electron

Automates Electron desktop applications through the Chrome DevTools Protocol.

Community
Advanced