Provides comprehensive guidance for Electron framework including main process, renderer process, IPC communication, window management, and desktop app development. Use when the user asks about Electron, needs to create desktop applications, implement Electron features, or build cross-platform desktop apps.
View on GitHubpartme-ai/full-stack-skills
development-skills-utils
February 1, 2026
Select agents to install to:
npx add-skill https://github.com/partme-ai/full-stack-skills/blob/main/skills/electron/SKILL.md -a claude-code --skill electronInstallation paths:
.claude/skills/electron/## When to use this skill Use this skill whenever the user wants to: - Build cross-platform desktop applications with Electron - Understand Electron architecture (main process, renderer process, preload) - Implement IPC (Inter-Process Communication) between processes - Create and manage BrowserWindow instances - Implement menus, tray icons, and native features - Package and distribute Electron applications - Use Electron Forge for project scaffolding and building - Debug and test Electron applications - Implement security best practices - Use Electron APIs (app, BrowserWindow, ipcMain, ipcRenderer, etc.) ## How to use this skill This skill is organized to match the Electron official documentation structure (https://www.electronjs.org/zh/docs/latest/, https://www.electronjs.org/zh/docs/latest/api/app). When working with Electron: 1. **Identify the topic** from the user's request: - Getting started/快速开始 → `examples/getting-started/installation.md` or `examples/getting-started/quick-start.md` - Main process/主进程 → `examples/processes/main-process.md` - Renderer process/渲染进程 → `examples/processes/renderer-process.md` - IPC communication/IPC 通信 → `examples/processes/ipc-communication.md` - BrowserWindow/窗口 → `examples/api/browser-window.md` - Menu/菜单 → `examples/api/menu.md` - Packaging/打包 → `examples/advanced/packaging.md` - Security/安全 → `examples/advanced/security.md` 2. **Load the appropriate example file** from the `examples/` directory: **Getting Started (快速开始) - `examples/getting-started/`**: - `examples/getting-started/installation.md` - Installing Electron and basic setup - `examples/getting-started/quick-start.md` - Quick start tutorial **Processes (进程) - `examples/processes/`**: - `examples/processes/main-process.md` - Main process concepts and usage - `examples/processes/renderer-process.md` - Renderer process concepts - `examples/processes/preload-scripts.md` - Preload scripts usage - `examples/processes/