Skills
.Work. You
Rest

electron

Official

Secure, typed IPC patterns for Electron apps.

Software Engineering#security#electron#preload#ipc#renderer-process#contextBridge#main-process
AuthorGentleman-Programming
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Electron apps often struggle with insecure IPC, boilerplate wiring between main, renderer, and preload, and maintaining a safe, scalable architecture for cross-platform desktop apps.

Core Features & Use Cases

  • Secure IPC communication between the main and renderer processes using a contextBridge-based exposed API (send/invoke on the renderer side).
  • Type-safe IPC channels with a shared types.ts that defines request/response contracts for each channel.
  • Clear project structure guidance (main/, preload/, renderer/, references/, assets/ as needed) to keep Electron apps maintainable.
  • Use cases: building cross-platform desktop apps that exchange user data securely, perform file operations, and coordinate native features across platforms.

Quick Start

  1. Initialize your project with npm and install electron (and optionally electron-vite for a smoother DX).
  2. Create preload.ts to expose a secure API via contextBridge, and implement IPC handlers in the main process.
  3. In the renderer, access window.electron and use invoke/send to communicate with the main process.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: electron
Download link: https://github.com/Gentleman-Programming/Gentleman-Skills/archive/main.zip#electron

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.