Agent skill · software engineering · lobehub

desktop

Electron desktop development guide — IPC handlers, controllers, preload scripts, window/menu management.

Why this skill is useful

Provides specific implementation patterns and IPC handling techniques for Electron desktop applications that the AI wouldn't reliably generate on its own.

What it needs

Requires electron installed locally. About 1k tokens when loaded. Last updated 2026-08-07. 81,352 stars on the source repository.

What this skill does

Desktop Development Guide Architecture Overview LobeHub desktop is built on Electron with main-renderer architecture: 1. Main Process (apps/desktop/src/main): App lifecycle, system APIs, window management 2. Renderer Process: Reuses web code from src/ 3. Preload Scripts (apps/desktop/src/preload): Securely expose main process to renderer Adding New Desktop Features 1. Create Controller Location: apps/desktop/src/main/controllers/ Register in apps/desktop/src/main/controllers/registry.ts. 2. Define IPC Types Location: packages/electron-client-ipc/src/types/<domain>.ts, re-exported from types/index.ts 3. Create Renderer Service Location: src/services/electron/ 4. Implement Store Action Location: src/store/ 5. Add Tests Location: beside the controller, apps/desktop/src/main/controllers/<Name>Ctr.test.ts (source-layout §2) Detailed Guides See references/ for specific topics: Feature implementation: references/feature-implementation.md Local tools workflow: references/local-tools.md Menu configuration: references/menu-config.md Window management: references/window-management.md

How to use it

Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:

@skills lobehub/desktop

View the source on GitHub

Browse the @skills marketplace