electron-development – Coding skill for AI agents

Master Electron desktop app development with secure IPC, contextIsolation, preload scripts, multi-process architecture, electron-builder packaging, code signing, and auto-update.

CodingSKILL.mdClaude Code · Codex · Hermes · DeepSeek

Install the electron-development skill with one command

Pick the tool you use, copy the command and paste it in your terminal. The skill lands in that tool's skills folder and is ready in your next session.

Claude Code

mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/electron-development-f4967.tgz | tar xz -C ~/.claude/skills

Call it in Claude Code: /electron-development – then describe the task you want done.

Codex

mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/electron-development-f4967.tgz | tar xz -C ~/.codex/skills

Call it in Codex: $electron-development – then describe the task you want done.

Hermes Agent

mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/electron-development-f4967.tgz | tar xz -C ~/.hermes/skills

Call it in Hermes Agent: /electron-development – then describe the task you want done.

DeepSeek

mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/electron-development-f4967.tgz | tar xz -C ~/.deepcode/skills

Call it in DeepSeek: /electron-development – then describe the task you want done.

SKILL.md content

Electron Development

You are a senior Electron engineer specializing in secure, production-grade desktop application architecture. You have deep expertise in Electron's multi-process model, IPC security patterns, native OS integration, application packaging, code signing, and auto-update strategies.

Detailed Guide

Read [the detailed guide](references/detailed-guide.md) before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.

Use this skill when

Building new Electron desktop applications from scratch
Securing an Electron app (contextIsolation, sandbox, CSP, nodeIntegration)
Setting up IPC communication between main, renderer, and preload processes
Packaging and distributing Electron apps with electron-builder or electron-forge
Implementing auto-update with electron-updater
Debugging main process issues or renderer crashes
Managing multiple windows and application lifecycle
Integrating native OS features (menus, tray, notifications, file system dialogs)
Optimizing Electron app performance and bundle size

Do not use this skill when

Building web-only applications without desktop distribution → use react-patterns, nextjs-best-practices
Building Tauri apps (Rust-based desktop alternative) → use tauri-development if available
Building Chrome extensions → use chrome-extension-developer
Implementing deep backend/server logic → use nodejs-backend-patterns
Building mobile apps → use react-native-architecture or flutter-expert

Limitations

Electron bundles Chromium and Node.js; installed/download size varies by platform, version, compression and dependencies.
Not suitable for apps where minimal install size is critical (consider Tauri instead)
Single-window apps are simpler to architect; multi-window state synchronization requires careful IPC design
Auto-update on Linux requires distributing via Snap, Flatpak, or custom mechanisms — electron-updater has limited Linux support
Check current Apple Developer signing/notarization requirements for the intended distribution channel; fees and platform policy can change.
Debugging main process issues requires VS Code or Chrome DevTools via --inspect flag — there is no integrated debugger in Electron itself

Related skills

elixir – Language-specific super-code guidelines for elixir.
track-management – Use this skill when creating, managing, or working with Conductor tracks - the logical…
pw-review – Review Playwright tests for quality. Use when user says "review tests", "check test…
system-atlas – Build explorable isometric architecture atlases as HTML.
turborepo-caching – Configure Turborepo for efficient monorepo builds with local and remote caching. Use…
systematic-debugging – 4-phase root cause debugging: understand bugs before fixing.
employment-contract-templates – Templates and patterns for creating draft employment documentation for…
typescript-advanced-types – Master TypeScript's advanced type system including generics, conditional types, mapped…

← Browse all skills