electron-dev

Guide Electron development with Electron Vite and Electron Builder for secure builds.

567|82|Updated Mar 15, 2026

Search Tags:#security #desktop app #electron #ipc #electron-builder #electron-vite

Ready to run

npx skills add https://github.com/pedronauck/skills --skill electron-dev-pedronauck

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: electron-dev
Source: https://github.com/pedronauck/skills/tree/main/skills/electron-dev
Command: npx skills add https://github.com/pedronauck/skills --skill electron-dev-pedronauck

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive guide to developing Electron applications, ensuring best practices for security, architecture, and build processes are followed.

Core Features & Use Cases

Secure Development: Enforces essential security configurations like contextIsolation and sandbox.
Process Architecture: Details the roles of main, renderer, and preload scripts for robust applications.
Build & Configuration: Guides through electron-vite and electron-builder setup, including native module handling.
Use Case: You are starting a new Electron project and need to understand the correct way to structure your code, handle IPC communication securely, and configure your build tools for a production-ready application.

Quick Start

Follow the security checklist provided in the skill to ensure your Electron application is configured safely.

Frequently Asked Questions about electron-dev

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

FAQPage Schema

How do I secure IPC communication between main and renderer processes in Electron?▼

Secure Electron IPC communication by using preload scripts to expose isolated APIs while enforcing contextIsolation and sandboxing to prevent renderer process access to Node.js primitives.

What is the best way to configure electron-builder for production app distribution?▼

Configure electron-builder by defining packaging targets and native module integration settings within your build configuration to generate production-ready desktop application installers.

Does my Electron app need contextIsolation and sandbox enabled by default?▼

Yes, enabling contextIsolation and sandbox is a required security best practice for Electron apps to isolate renderer processes from Node.js APIs and mitigate malicious content execution.

How do I set up electron-vite for a new desktop application project?▼

Set up electron-vite to structure your main, preload, and renderer scripts, providing build configurations that handle native modules and streamline the development workflow.

Why does handling native modules in Electron builds cause compilation errors?▼

Native module compilation errors during Electron builds occur when architecture mismatches exist between the module and Electron's runtime, requiring specific rebuild configurations via electron-builder.