Skip to content

Electron App Builder

Verified

Scaffold secure Electron desktop applications with main/renderer process separation, IPC communication, auto-updater, and native OS integrations.

By community 2,800 v1.1.0 Updated 2026-03-08

Install

Claude Code

Copy the SKILL.md file to .claude/skills/electron-app.md

About This Skill

Electron App Builder generates secure Electron applications following the modern security model with contextIsolation enabled and nodeIntegration disabled.

Security Architecture

The skill enforces Electron's recommended security practices: Main process handles all privileged operations (filesystem, native APIs, network), Preload scripts expose a minimal, typed API via `contextBridge.exposeInMainWorld`, and Renderer accesses only the exposed API, never Node.js directly.

IPC Communication

Generated IPC handlers use `ipcMain.handle()` (async request/response) and `ipcMain.on()` (fire-and-forget). Each handler validates input types before processing. The preload bridge provides typed wrappers that TypeScript can check end-to-end.

Native Integrations

Built-in helpers for: system tray icons with context menus, native file dialogs, OS notification sending, protocol handler registration, and clipboard access — all properly gated behind IPC.

Build & Distribution

Configures electron-builder with code signing for macOS (Developer ID), Windows (EV certificate), and Linux (AppImage/deb/rpm). GitHub Actions workflow for CI/CD builds and S3-based auto-update server.

Auto-Update

electron-updater integration with differential updates, staged rollout percentages, and update notification UI in the renderer.

Use Cases

  • Building cross-platform desktop apps with web technologies
  • Creating secure IPC bridges between main and renderer processes
  • Setting up electron-builder for code-signed installers on Mac/Win/Linux
  • Implementing auto-update via electron-updater with staged rollouts

Pros & Cons

Pros

  • + Enforces modern Electron security model from project start
  • + Typed IPC bridge catches API mismatches at compile time
  • + electron-builder handles code signing and multi-platform builds
  • + Auto-update with staged rollout reduces risky big-bang releases

Cons

  • - Large bundle size (Chromium + Node) compared to native apps
  • - Code signing certificates for Mac and Windows require paid developer accounts

Related AI Tools

Related Skills

Stay Updated on Agent Skills

Get weekly curated skills + safety alerts

每周精选 Skills + 安全预警