Guide Electron desktop app architecture with main, renderer, and preload processes.
npx skills add https://github.com/lobehub/lobehub --skill desktop-lobehub
Please help me install this Agent Skill. Skill: desktop Source: https://github.com/lobehub/lobehub/tree/main/.agents/skills/desktop Command: npx skills add https://github.com/lobehub/lobehub --skill desktop-lobehub
This Skill provides a comprehensive guide to building Electron desktop applications, including setting up main and renderer processes, secure IPC, preload scripts, window management, and menus, to accelerate robust desktop feature development.
Install Node.js and npm, install project dependencies, and run the desktop app in development mode using your project's usual Electron startup command. Start by exploring the main process file structure under apps/desktop/src/main and the renderer under apps/desktop/src/renderer, then follow the step-by-step guides in references.
High-intent search queries and answers about installing and using this skill.
Secure IPC in Electron is established by using preload scripts to expose a controlled, minimal API to the renderer process. This architecture prevents direct access to Node.js APIs, ensuring safe communication between the main and renderer processes.
The main process manages windows and native OS menus, while the preload script acts as a secure bridge. Preload scripts run before the renderer loads, safely exposing specific IPC handlers to the web page without granting direct Node.js access.
Start building an Electron desktop application by installing Node.js and npm, then configuring your project dependencies. Explore the main process structure under src/main and the renderer under src/renderer, following step-by-step guides to implement core features.
Yes, Electron supports native window and menu management. The framework provides comprehensive APIs within the main process to configure application menus and control window lifecycle, enabling robust desktop UX across different operating systems.
Security best practices for Electron involve isolating the renderer process and using preload scripts to define a strict IPC API. This prevents renderer code from directly accessing Node.js modules, mitigating cross-platform desktop application vulnerabilities.
mdmagnuson-creatorCreate and run Playwright End-to-End tests for Electron desktop applications.
modu-aiDevelop Electron 33+ desktop apps with IPC, auto-updates, and packaging.
wavetermdevImplement Electron APIs for frontend-to-backend IPC via preload scripts.
pythoninthegrassesBuilds cross-platform Rust desktop apps with Tauri or native GUI frameworks.
