skills.rest
selfmail
selfmailOFFICIAL
Explore all skills by this author →
WebsiteGitHub

electron

Automate Electron desktop apps via Chrome DevTools Protocol to control UI and extract state.

21|Updated Aug 11, 2024
Search Tags:#automation#electron#cdp#ui-testing#screenshot#agent-browser#desktop-app
One-click install
npx skills add https://github.com/selfmail/selfmail --skill electron-selfmail
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: electron
Source: https://github.com/selfmail/selfmail/tree/main/.agents/skills/electron
Command: npx skills add https://github.com/selfmail/selfmail --skill electron-selfmail

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Electron-based desktop apps often require repetitive UI automation for testing, integration, or data collection, which is time-consuming to perform manually.

Core Features & Use Cases

  • Launch Electron apps with remote debugging, connect via CDP, snapshot UI, and interact with elements
  • Manage multiple windows and webviews within Electron apps
  • Capture screenshots, read text, and automate workflows across Slack, VS Code, Discord, Figma, Notion, and Spotify

Quick Start

Connect to a running Electron app with remote debugging, snapshot the UI, and perform an action such as clicking an element or extracting text.

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 Electron desktop apps?▼

To automate UI interactions in Electron desktop apps, this Skill connects to the Chrome DevTools Protocol via agent-browser to snapshot the UI, click elements, and extract text from applications like Slack, VS Code, and Discord.

How does Chrome DevTools Protocol connection work for Electron automation?▼

Chrome DevTools Protocol connection for Electron automation works by attaching agent-browser commands to a running instance that was launched with remote debugging enabled, allowing you to control the UI and extract application state.

Do I need remote debugging enabled to automate Electron apps with CDP?▼

Yes, you need remote debugging enabled to automate Electron apps with CDP, because the Skill relies on this connection to attach to the running instance and execute agent-browser commands for UI interaction.

Can I take screenshots and extract text from Slack or Notion desktop apps?▼

Yes, you can take screenshots and extract text from Slack, Notion, VS Code, Discord, Figma, and Spotify desktop apps by attaching to their Chrome DevTools Protocol endpoint and using agent-browser snapshot commands.

What's the best way to manage multiple windows and webviews in Electron apps?▼

The best way to manage multiple windows and webviews in Electron apps is to connect via the Chrome DevTools Protocol using agent-browser, which supports navigating UI, capturing screenshots, and automating workflows across different application views.

Why does my Electron app automation fail when connecting to Chrome DevTools?▼

Electron app automation fails when the target application is not launched with remote debugging enabled or does not support the Chrome DevTools Protocol, both of which are required for agent-browser to attach and execute commands.

Related Skills

Explore More Software Engineering Skills→
daltonkyemillerdaltonkyemiller
2

electron

Automates Electron desktop applications through the Chrome DevTools Protocol.

Community
Advanced
ZeyuzhaoZeyuzhao

visual-verification

Capture and upload viewport or full-page screenshots to verify UI changes.

Community
Basic
Devin-AXISDevin-AXIS
3.2k

browser-automation

Automate Electron app UI interactions via Chrome DevTools Protocol.

Community
Intermediate
vercel-labsvercel-labs
40.3k

electron

Automate Electron desktop app interactions via Chrome DevTools Protocol.

Official
Advanced