travisjneuman avatar

Electron Desktop

This covers the essentials of building cross-platform desktop apps with Electron, from main process setup to renderer communication. You get practical examples of the preload script pattern for secure IPC, native features like system trays and file dialogs, and the boilerplate for custom title bars that don't look like web apps pretending to be native. The structure guidance is solid, showing how to separate main, renderer, and shared code properly. It's comprehensive enough to get a production app started without wading through Electron's documentation maze, though you'll still need to figure out code signing and auto-updates on your own. Good reference for the security model alone.

skills.sh installs
229
GitHub stars
108
last updated
Aug 21, 2026

Install

$ npx -y skills add travisjneuman/.claude --skill electron-desktop --agent claude-code

Installs into .claude/skills of the current project.

Files

Electron Desktop Development

Build cross-platform desktop applications using web technologies.

Platforms Supported

PlatformArchitectureNotes
Windowsx64, arm64, ia32Windows 10+
macOSx64, arm64 (Apple Silicon)macOS 10.15+
Linuxx64, arm64, armv7lMost distributions

Project Structure

my-app/
├── src/
│   ├── main/
│   │   ├── main.ts          # Main process
│   │   ├── preload.ts       # Preload scripts
│   │   └── ipc.ts           # IPC handlers
│   ├── renderer/
│   │   ├── index.html
│   │   ├── App.tsx
│   │   └── components/
│   └── shared/
│       └── types.ts
├── resources/
│   ├── icon.icns            # macOS
│   ├── icon.ico             # Windows
│   └── icon.png             # Linux
├── electron-builder.yml
├── package.json
└── forge.config.ts

Main Process

Entry Point

// src/main/main.ts
import { app, BrowserWindow, ipcMain } from "electron";
import path from "path";

let mainWindow: BrowserWindow | null = null;

Sponsors

Details

Repository
github.com/travisjneuman/.claude
First seen
Jun 3, 2026

More from travisjneuman/.claude

All 33

Recommended

1juliusbrussee avatarcavemanjuliusbrussee/cavemanUltra-compressed communication mode. Cuts output tokens 65% (measured) by speaking like caveman while keeping full technical accuracy. Supports intensity levels618.3Kskills.sh installs
2mattpocock avatargrill-memattpocock/skillsA relentless interview to sharpen a plan or design.1.5Mskills.sh installs
3shadcn avatarimproveshadcn/improveSurvey any codebase as a senior advisor and produce prioritized, self-contained implementation plans for OTHER models/agents to execute. Strictly read-only on s40Kskills.sh installs
4obra avatarsystematic-debuggingobra/superpowersUse when encountering any bug, test failure, or unexpected behavior, before proposing fixes326.7Kskills.sh installs
5forrestchang avatarkarpathy-guidelinesforrestchang/andrej-karpathy-skillsBehavioral guidelines to reduce common LLM coding mistakes through explicit assumptions, simplicity, and verifiable success criteria.17.9Kskills.sh installs
6vercel-labs avatarfind-skillsvercel-labs/skillsHelps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express int4.3Mskills.sh installs