skills.rest
mynameistito
mynameistitoCOMMUNITY
Explore all skills by this author →
Website𝕏@mynameistitoGitHub

electron

Automate Electron desktop apps via Chrome DevTools Protocol remote debugging ports.

Updated Feb 12, 2026
Search Tags:#automation#electron#cdp#chrome-devtools#agent-browser#ui-automation#desktop-apps
One-click install
npx skills add https://github.com/mynameistito/opencode-config --skill electron-mynameistito
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: electron
Source: https://github.com/mynameistito/opencode-config/tree/main/skills/electron
Command: npx skills add https://github.com/mynameistito/opencode-config --skill electron-mynameistito

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Manually automating repetitive tasks in Electron desktop apps like Slack, VS Code, and Discord is time-consuming and requires custom scripting for each app's unique interface. This skill eliminates that overhead by enabling full UI control of any Electron app via its built-in Chrome DevTools Protocol, using the existing agent-browser tool.

Core Features & Use Cases

  • Cross-Platform Electron Control: Works with any Electron app on macOS, Linux, and Windows by leveraging the universal --remote-debugging-port flag built into Chromium.
  • Full UI Interaction: Take interface snapshots, click elements, fill forms, extract text, and capture screenshots of desktop app windows and embedded webviews.
  • Multi-App Automation: Run named parallel sessions to control multiple Electron apps at the same time without port or session conflicts.
  • Use Case: Automate recurring workflows like sending scheduled Slack messages, extracting data from Notion databases, or filling out Figma design request forms without manual clicking.

Quick Start

Use the electron skill to connect to your running Discord app on port 9224, take a snapshot of its interface, and click the first channel in the sidebar to open it.

Frequently Asked Questions about electron

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

FAQPage Schema
How do I automate UI interactions in an Electron desktop app?▼

Automate Electron desktop apps by launching them with the --remote-debugging-port flag and connecting via agent-browser to the exposed Chrome DevTools Protocol endpoint for UI interaction, data extraction, and form filling.

Can I use the Chrome DevTools Protocol to control native apps like Slack or VS Code?▼

Yes, you can control native Electron apps like Slack, VS Code, Discord, Figma, and Notion by connecting agent-browser to their built-in Chrome DevTools Protocol exposed via a remote debugging port.

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

Before automating, you must launch the target Electron app with the --remote-debugging-port flag to expose its CDP endpoint, then use agent-browser to connect to that specific port for interaction operations.

Can I automate multiple Electron apps at the same time?▼

Yes, you can run named parallel sessions to control multiple Electron apps simultaneously via CDP without experiencing port or session conflicts during your automation workflows.

Does Electron UI automation work across macOS, Linux, and Windows?▼

Yes, Electron UI automation works across macOS, Linux, and Windows by leveraging the universal --remote-debugging-port flag built into the Chromium engine powering the desktop apps.

Related Skills

Explore More Software Engineering Skills→
GraffiohGraffioh

web-browser

Automate Chrome browser interactions via the Chrome DevTools Protocol.

Community
Advanced
Himanshu040604Himanshu040604

slack

Automate Slack workspace interactions through browser automation.

Community
Intermediate
ruuxiruuxi
29

electron

Automate Electron desktop apps via Chrome DevTools Protocol remote debugging.

Community
Intermediate
SolizardkingSolizardking

agent-desktop

Automate macOS desktop tasks like launching apps, UI interaction, and screenshots.

Community
Advanced