Skills for Real Engineers. Straight from my .agents directory.
electron
Agent skill fromfcakyon/claude-codex-settings
Automate Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) using agent-browser via Chrome DevTools Protocol. Use when the user needs to interact with an Electron app, automate a desktop app, connect to a running app, control a native app, or test an Electron application. Triggers include "automate Slack app", "control VS Code", "interact with Discord app", "test this Electron app", "connect to desktop app", or any task requiring automation of a native Electron application.
How to install electron
npx skills add fcakyon/claude-codex-settings# or add only this skill to Claude Code: copy the folder
plugins/agent-browser/skills/electron/
# into
~/.claude/skills/electron/ (all projects)
.claude/skills/electron/ (one project)
1# Electron App Automation23Automate any Electron desktop app using agent-browser. Electron apps are built on Chromium and expose a Chrome DevTools Protocol (CDP) port that agent-browser can connect to, enabling the same snapshot-interact workflow used for web pages.45## Core Workflow671. **Launch** the Electron app with remote debugging enabled82. **Connect** agent-browser to the CDP port93. **Snapshot** to discover interactive elements104. **Interact** using element refs115. **Re-snapshot** after navigation or state changes1213```bash14# Launch an Electron app with remote debugging15open -a "Slack" --args --remote-debugging-port=92221617# Connect agent-browser to the app18agent-browser connect 92221920# Standard workflow from here21agent-browser snapshot -i22agent-browser click @e523agent-browser screenshot slack-desktop.png24```2526## Launching Electron Apps with CDP2728Every Electron app supports the `--remote-debugging-port` flag since it's built into Chromium.2930### macOS3132```bash33# Slack34open -a "Slack" --args --remote-debugging-port=92223536# VS Code37open -a "Visual Studio Code" --args --remote-debugging-port=92233839# Discord40open -a "Discord" --args --remote-debugging-port=92244142# Figma43open -a "Figma" --args --remote-debugging-port=92254445# Notion46open -a "Notion" --args --remote-debugging-port=92264748# Spotify49open -a "Spotify" --args --remote-debugging-port=922750```5152### Linux5354```bash55slack --remote-debugging-port=922256code --remote-debugging-port=922357…
Excerpt shown under the repository's Apache-2.0 license.
More skills in claude-codex-settings
Similar skill repositories
An agentic skills framework & software development methodology that works.
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
Public repository for Agent Skills
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
