Electron App Builder
VerifiedScaffold secure Electron desktop applications with main/renderer process separation, IPC communication, auto-updater, and native OS integrations.
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
Cursor
Freemium
AI-native code editor with deep multi-model integration and agentic coding
- AI-native Cmd+K inline editing and generation
- Composer Agent for autonomous multi-file changes
- Full codebase indexing and context awareness
GitHub Copilot
Freemium
AI pair programmer that suggests code in real time across your IDE
- Real-time code completions across 30+ languages
- Copilot Chat for natural language code Q&A
- Pull request description and summary generation
Claude Code
Paid
Anthropic's agentic CLI for autonomous terminal-native coding workflows
- Terminal-native autonomous coding agent
- Full file system and shell access for multi-step tasks
- Deep codebase understanding via repository indexing
Related Skills
React Component Generator
CautionGenerate React components following best practices with proper typing, accessibility, testing, and Storybook stories.
TypeScript Strict Mode
CautionEnforce TypeScript strict mode with automated type fixes, any elimination, and comprehensive type safety improvements.
CLI Builder
VerifiedBuild polished command-line tools in Python or Node.js with argument parsing, subcommands, progress indicators, colored output, and shell completion.
Stay Updated on Agent Skills
Get weekly curated skills + safety alerts
每周精选 Skills + 安全预警