electron

Create desktop apps with batteries-included WebView-less architecture using HTML, CSS and JavaScript.

6|1|Updated Feb 27, 2026
One-click install
npx skills add https://github.com/RepairYourTech/cfsa-antigravity --skill electron-repairyourtech
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: electron
Source: https://github.com/RepairYourTech/cfsa-antigravity/tree/main/.agent/skill-library/stack/frameworks/electron
Command: npx skills add https://github.com/RepairYourTech/cfsa-antigravity --skill electron-repairyourtech

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a comprehensive guide and patterns for developing robust, secure, and performant cross-platform desktop applications using the Electron framework.

Core Features & Use Cases

  • Architecture: Main/renderer process separation, IPC communication, preload scripts.
  • Security: Enforces modern security defaults (contextIsolation, sandbox, no nodeIntegration).
  • Native Integration: Manages native menus, system tray, and file dialogs.
  • Distribution: Covers Electron Forge and electron-builder for packaging and updates.
  • Use Case: Develop a cross-platform code editor, a system utility, or a data visualization tool that runs natively on Windows, macOS, and Linux.

Quick Start

Use the electron skill to create a new Electron desktop application project structure.

Frequently Asked Questions about electron

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build cross-platform desktop apps with JavaScript and Node.js?

Build cross-platform desktop apps with JavaScript using Electron, which combines Chromium rendering and Node.js capabilities to run natively on Windows, macOS, and Linux. It separates logic into main and renderer processes for robust application development.

What is the best way to secure IPC communication in an Electron application?

Secure IPC communication in an Electron application by enforcing modern security defaults like contextIsolation, sandbox mode, and no nodeIntegration. Use preload scripts to safely expose specific Node.js capabilities to the renderer process without compromising security.

How do I package and distribute an Electron app for Windows, macOS, and Linux?

Package and distribute an Electron app using build tooling like Electron Forge or electron-builder. These tools handle cross-platform packaging and facilitate automated updates, ensuring your desktop application reaches users on Windows, macOS, and Linux.

Does Electron support native desktop integration like system trays and file dialogs?

Electron supports native desktop integration by providing patterns to manage native menus, system tray icons, and file dialogs. This allows your cross-platform desktop application to interact seamlessly with the underlying operating system environment.

How does multi-process architecture work when developing a GUI with Electron?

Electron multi-process architecture divides GUI development into a main process that manages native windows and system resources, and renderer processes that handle Chromium rendering. They communicate securely via IPC and preload scripts.

Can I use TypeScript for cross-platform desktop application development with Electron?

You can use TypeScript for cross-platform desktop application development with Electron. The framework supports JavaScript and TypeScript to build robust desktop apps, utilizing Chromium rendering and Node.js capabilities for native execution.