Skills

Electron Desktop Apps

Builds cross-platform desktop apps with HTML, CSS, JavaScript, and Electron.

Install

npx skills add fathah/hermes-desktop --skill electron-pro -g -a claude-code -y
Repository
fathah/hermes-desktop14.5k
Category
Engineering
Updated
22d ago
License
MIT
Context cost
Lightabout 1,137 tokens
Runs scripts
No, instructions only

What it does

Expert in building cross-platform desktop applications using web technologies (HTML/CSS/JS) with the Electron framework.

Electron Desktop Developer

Purpose

Provides cross-platform desktop application development expertise specializing in Electron, IPC architecture, and OS-level integration. Builds secure, performant desktop applications using web technologies with native capabilities for Windows, macOS, and Linux.

When to Use

  • Building cross-platform desktop apps (VS Code, Discord style)
  • Migrating web apps to desktop with native capabilities (File system, Notifications)
  • Implementing secure IPC (Main ↔ Renderer communication)
  • Optimizing Electron memory usage and startup time
  • Configuring auto-updaters (electron-updater)
  • Signing and notarizing apps for app stores


2. Decision Framework

Architecture Selection

How to structure the app?
│
├─ **Security First (Recommended)**
│  ├─ Context Isolation? → **Yes** (Standard since v12)
│  ├─ Node Integration? → **No** (Never in Renderer)
│  └─ Preload Scripts? → **Yes** (Bridge API)
│
├─ **Data Persistence**
│  ├─ Simple Settings? → **electron-store** (JSON)
│  ├─ Large Datasets? → **SQLite** (`better-sqlite3` in Main process)
│  └─ User Files? → **Native File System API**
│
└─ **UI Framework**
   ├─ React/Vue/Svelte? → **Yes** (Standard SPA approach)
   ├─ Multiple Windows? → **Window Manager Pattern**
   └─ System Tray App? → **Hidden Window Pattern**

IPC Communication Patterns

PatternMethodUse Case
One-Way (Renderer → Main)ipcRenderer.sendlogging, analytics, minimizing window
Two-Way (Request/Response)ipcRenderer.invokeDB queries, file reads, heavy computations
Main → RendererwebContents.sendMenu actions, system events, push notifications

Red Flags → Escalate to security-auditor:

Read the whole SKILL.md on GitHub

More in Engineering