SkillsAdd

flpbalada/fb-skills

electron

Automate or test Electron desktop apps through agent-browser and Chrome DevTools Protocol, including Slack, VS Code, Discord, Figma, Notion, Spotify, and similar apps.

First seen May 4, 2026

Installation

$ npx skills add flpbalada/fb-skills --skill electron
View on skills.sh ↗ GitHub repository ↗

Summary

  • Automate or test Electron desktop apps through agent-browser and Chrome DevTools Protocol, including Slack, VS Code, Discord, Figma, Notion, Spotify, and similar apps.
  • Use when user asks to control, connect to, inspect, click, fill, screenshot, or interact with a native Electron app UI.
  • Do not use for normal web URLs.

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

agent-browser Shared topics
vercel-labs/agent-browser

Browser automation CLI for AI agents. Use when the user needs to interact with websites, includ…

810.4K installs
supabase-postgres-best-practices Shared topics
supabase/agent-skills

Postgres best practices maintained by Supabase, for Postgres running anywhere. Load this skill …

391.6K installs
vercel-react-best-practices Shared topics
vercel-labs/agent-skills 697.8K installs
web-design-guidelines Shared topics
vercel-labs/agent-skills

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "chec…

617.3K installs
microsoft-foundry Shared topics
microsoft/azure-skills

Build, deploy, evaluate, optimize, fine-tune, and manage Microsoft Foundry agents, models, and …

576.5K installs
azure-diagnostics Shared topics
microsoft/azure-skills

Debug Azure production issues on Azure using AppLens, Azure Monitor, resource health, and safe …

568.9K installs

Also in this package

Other skills from flpbalada/fb-skills · top by installs.

npx skills add flpbalada/fb-skills
progressive-disclosure 35 discuss-task 25 to-prd 22 project-structure 20 code-simplifier 18 code-architecture-tailwind-v4-best-practices 18 discuss-code 17 five-whys 17 react-useeffect-avoid 17 typescript-advanced-types 16

Browse all from flpbalada/fb-skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 7
Default branch main
Open issues 0
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

Allowed toolsBash(agent-browser:*), Bash(npx agent-browser:*)

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 2,796 B
  • docs SUMMARY.md 335 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 12 installs

SKILL.md

Electron App Automation

Control Electron desktop apps with agent-browser through Chrome DevTools Protocol.

Goal

  • Launch app with remote debugging.
  • Connect agent-browser.
  • Use snapshots to find refs.
  • Interact with the app like a user.

Rules

  • App must be launched with --remote-debugging-port.
  • If app is already running, quit and relaunch with flag.
  • Prefer unique ports for multiple apps.
  • Use named sessions when controlling multiple apps.
  • Use snapshot -i before clicking or filling.
  • Re-snapshot after navigation or state changes.

Flow

  1. Launch app with CDP port.
  2. Wait for app to start.
  3. Connect agent-browser.
  4. List tabs when multiple windows or webviews exist.
  5. Snapshot and interact.
  6. Capture screenshots or data as needed.

Launch examples

open -a "Slack" --args --remote-debugging-port=9222
open -a "Visual Studio Code" --args --remote-debugging-port=9223
open -a "Discord" --args --remote-debugging-port=9224
open -a "Figma" --args --remote-debugging-port=9225
open -a "Notion" --args --remote-debugging-port=9226
open -a "Spotify" --args --remote-debugging-port=9227

Linux:

slack --remote-debugging-port=9222
code --remote-debugging-port=9223
discord --remote-debugging-port=9224

Windows:

"C:\Users\%USERNAME%\AppData\Local\slack\slack.exe" --remote-debugging-port=9222
"C:\Users\%USERNAME%\AppData\Local\Programs\Microsoft VS Code\Code.exe" --remote-debugging-port=9223

Connect

agent-browser connect 9222
agent-browser snapshot -i
agent-browser click @e5
agent-browser screenshot app.png

Use per-command CDP when needed:

agent-browser --cdp 9222 snapshot -i

Tabs and webviews

agent-browser tab
agent-browser tab 2
agent-browser tab --url "*settings*"

Webviews appear as separate targets. Switch to the right target before interacting.

Multiple apps

agent-browser --session slack connect 9222
agent-browser --session vscode connect 9223
agent-browser --session slack snapshot -i
agent-browser --session vscode snapshot -i

Troubleshooting

  • Connection refused: relaunch app with CDP flag.
  • Wrong window: run agent-browser tab.
  • Elements missing: switch tab or webview.
  • App slow to appear: wait a few seconds, then snapshot again.
  • Dark mode lost: use agent-browser --color-scheme dark ....