electron

Original：🇺🇸 English
Translated

Electron cross-platform desktop apps with web technologies. Use for desktop apps.

1installs
Sourceg1joshi/agent-skills
Added on

NPX Install

npx skill4agent add g1joshi/agent-skills electron

Tags

Translated version includes tags in frontmatter
electron-developmentcross-platform-desktop-appsipc-communicationsecurity-best-practicesdesktop-app-migration

SKILL.md Content

View Translation Comparison →

Electron

Electron bundles Chromium and Node.js into a desktop app. It is the industry standard (VS Code, Slack, Discord) despite the file size.

When to Use

  • Rich Capabilities: If you need full Node.js access (Filesystem, Serial Port).
  • Consistent UI: Loops exactly the same on Windows/Mac/Linux (Pixel Perfect).
  • Legacy: Migrating an existing web app to desktop with zero changes.

Core Concepts

Main Process

The Node.js backend. Controls lifecycle and windows.

Renderer Process

The Chromium frontend. Displays UI.

Preload Scripts

The secure bridge between Main and Renderer (Context Isolation).

Best Practices (2025)

Do:
  • Enable Context Isolation: Critical security feature (
    contextIsolation: true
    ).
  • Use IPC: 
    ipcMain
    and 
    ipcRenderer
    for communication.
  • Update Chromium: Security patches come via Electron updates.
Don't:
  • Don't use 
    remote
    module    : It is deprecated and insecure.

References