electron

What this skill does

Electron embeds Chromium and Node.js so you can ship one JavaScript codebase for Windows, macOS, and Linux. Use these skills when scaffolding projects, wiring main/renderer IPC, configuring security and packaging, or integrating native modules and auto-updates.

> The skill is based on Electron (latest), generated at 2026-01-30.

## Core References

| Topic | Description | Reference |
|-------|-------------|-----------|
| Process Model | Main, renderer, preload, utility process; when to use each | [core-process-model](references/core-process-model.md) |
| IPC | Renderer↔main patterns (send, invoke, main→renderer), serialization | [core-ipc](references/core-ipc.md) |
| Context Isolation | contextBridge, exposing safe APIs from preload | [core-context-isolation](references/core-context-isolation.md) |
| Sandbox | Process sandboxing, preload polyfill, when it is disabled | [core-sandbox](references/core-sandbox.md) |

## Develop

| Topic | Description | Reference |
|-------|-------------|-----------|
| Accessibility | setAccessibilitySupportEnabled, assistive tech, AXManualAccessibility | [develop-accessibility](references/develop-accessibility.md) |
| App Lifecycle | whenReady, window-all-closed, quit, single instance lock | [develop-app-lifecycle](references/develop-app-lifecycle.md) |
| BaseWindow | Multi-view windows; contentView, View, addChildView; parent/modal | [develop-base-window](references/develop-base-window.md) |
| BrowserWindow | Creating windows, loadURL/loadFile, ready-to-show, webPreferences | [develop-browser-window](references/develop-browser-window.md) |
| Clipboard | readText/writeText, readHTML/writeHTML; use from preload | [develop-clipboard](references/develop-clipboard.md) |
| Cookies | session.cookies; get, set, remove, flushStore; changed event | [develop-cookies](references/develop-cookies.md) |
| Command Line | app.commandLine, appendSwitch, hasSwitch; Electron/Node/Chromium flags | [develop-command-line](references/develop-command-line.md) |
| Context Menu | Right-click menu; webContents context-menu, Menu.popup | [develop-context-menu](references/develop-context-menu.md) |
| contentTracing | Chromium tracing; startRecording, stopRecording; chrome://tracing | [develop-content-tracing](references/develop-content-tracing.md) |
| Crash Reporter | crashReporter.start, submitURL, extra; call before ready | [develop-crash-reporter](references/develop-crash-reporter.md) |
| Debug | Renderer DevTools, main process (--inspect, Chrome/VSCode) | [develop-debug](references/develop-debug.md) |
| Debugger (CDP) | webContents.debugger; attach, detach, sendCommand; DevTools Protocol | [develop-debugger](references/develop-debugger.md) |
| DevTools Extension | loadExtension, removeExtension; electron-devtools-installer | [develop-devtools-extension](references/develop-devtools-extension.md) |
| Dialog | showOpenDialog, showSaveDialog, showMessageBox; expose via IPC | [develop-dialog](references/develop-dialog.md) |
| Dock | macOS Dock; bounce, badge, icon, menu, hide/show | [develop-dock](references/develop-dock.md) |
| Downloads | will-download, DownloadItem, setSavePath, preventDefault | [develop-downloads](references/develop-downloads.md) |
| Keyboard Shortcuts | Accelerators, local (MenuItem), global (globalShortcut) | [develop-keyboard-shortcuts](references/develop-keyboard-shortcuts.md) |
| Linux Desktop Actions | .desktop file Actions; launcher shortcuts; process.argv | [develop-linux-desktop-actions](references/develop-linux-desktop-actions.md) |
| Menus and Tray | Application/context/tray/dock menus; Tray icon and context menu | [develop-menus-tray](references/develop-menus-tray.md) |
| Native Image | createFromPath, createFromBuffer, template image; tray, icon | [develop-native-image](references/develop-native-image.md) |
| Native Modules | Using native Node addons; @electron/rebuild, node-gyp | [develop-native-modules](references/develop-native-modules.md) |
| Net | net.fetch, net.request; HTTP from main (Chromium stack) | [develop-net](references/develop-net.md) |
| netLog | Session network logging; startLogging, stopLogging, captureMode | [develop-net-log](references/develop-net-log.md) |
| Drag and Drop | Native file drag out; webContents.startDrag, IPC | [develop-drag-drop](references/develop-drag-drop.md) |
| ESM | ES modules in main and preload; .mjs, caveats | [develop-esm](references/develop-esm.md) |
| Multithreading | Web Workers, nodeIntegrationInWorker; no Electron in workers | [develop-multithreading](references/develop-multithreading.md) |
| Navigation History | webContents.navigationHistory, goBack, goForward, getAllEntries | [develop-navigation-history](references/develop-navigation-history.md) |
| Offscreen Rendering | paint event, NativeImage; GPU vs software; setFrameRate | [develop-offscreen-rendering](references/develop-offscreen-rendering.md) |
| parentPort | Utility process child; process.parentPort message/postMessage | [develop-parent-port](references/develop-parent-port.md) |
| Power Monitor | suspend, resume, battery/AC, thermal-state-change, shutdown | [develop-power-monitor](references/develop-power-monitor.md) |
| Power Save Blocker | powerSaveBlocker; prevent display/app sleep; start/stop by id | [develop-power-save-blocker](references/develop-power-save-blocker.md) |
| Progress Bar | setProgressBar (taskbar/dock); 0–1, indeterminate | [develop-progress-bar](references/develop-progress-bar.md) |
| Protocol | Custom protocol (protocol.handle), registerSchemesAsPrivileged | [develop-protocol](references/develop-protocol.md) |
| Recent Documents | addRecentDocument, clearRecentDocuments; JumpList, Dock | [develop-recent-documents](references/develop-recent-documents.md) |
| Safe Storage | encryptString, decryptString; OS keychain | [develop-safe-storage](references/develop-safe-storage.md) |
| Screen | getPrimaryDisplay, getAllDisplays, workAreaSize, display events | [develop-screen](references/develop-screen.md) |
| Session | partition, defaultSession, permissionRequestHandler, cookies | [develop-session](references/develop-session.md) |
| Share Menu | macOS ShareMenu; share to apps/social; popup, shareMenu role | [develop-share-menu](references/develop-share-menu.md) |
| Shell | openExternal, openPath, showItemInFolder, trashItem; security | [develop-shell](references/develop-shell.md) |
| Process | process.type, process.versions, process.platform, process.mas | [develop-process](references/develop-process.md) |
| Environment Variables | ELECTRON_*, NODE_OPTIONS; fuses | [develop-environment-variables](references/develop-environment-variables.md) |
| Represented File | setRepresentedFilename, setDocumentEdited (macOS title bar) | [develop-represented-file](references/develop-represented-file.md) |
| System Preferences | getEffectiveAppearance, getColor, getMediaAccessStatus | [develop-system-preferences](references/develop-system-preferences.md) |
| Touch Bar | macOS TouchBar; items (Button, Label, Slider, etc.), setTouchBar | [develop-touch-bar](references/develop-touch-bar.md) |
| Tests | WebDriver/WebdriverIO E2E, headless CI | [develop-tests](references/develop-tests.md) |
| Utility Process | utilityProcess.fork, postMessage, MessagePortMain | [develop-utility-process](references/develop-utility-process.md) |
| Web Request | onBeforeRequest, onHeadersReceived, filter; set CSP | [develop-web-request](references/develop-web-request.md) |
| webContents Navigation | will-navigate, setWindowOpenHandler, load events | [develop-webcontents-navigation](references/develop-webcontents-navigation.md) |
| webFrame | Renderer zoom, insertCSS, executeJavaScript, spell check, frame tree | [develop-web-frame](references/develop-web-frame.md) |
| webFrameMain | Main process frame control; fromId/fromFrameToken, executeJavaScript, IPC | [develop-web-frame-main](references/develop-web-frame-main.md) |
| webUtils | Renderer getPathForFile(File); file input path; expose via preload | [develop-web-utils](reference