skills.rest
bingeli1379
bingeli1379COMMUNITY
Explore all skills by this author →
GitHub

electron-dev

Scaffold secure Electron apps with Forge, Builder, or Vite workflows.

2|Updated Apr 6, 2026
Search Tags:#security#scaffolding#packaging#electron#desktop#ipc-patterns
One-click install
npx skills add https://github.com/bingeli1379/eli-claude-marketplace --skill electron-dev-bingeli1379
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: electron-dev
Source: https://github.com/bingeli1379/eli-claude-marketplace/tree/main/plugins/eureka-sdd/skills/electron-dev
Command: npx skills add https://github.com/bingeli1379/eli-claude-marketplace --skill electron-dev-bingeli1379

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Scaffolds and hardens Electron applications from initial setup to packaging, ensuring security best practices are baked in from the start.

Core Features & Use Cases

  • Provides architecture decisions guidance (Forge vs Builder vs Vite + Electron) and project structure templates.
  • Includes security hardening guidelines (context isolation, preload, CSP, sandbox) and auto-update setup.
  • Use cases include starting new Electron apps, modernizing existing projects, and packaging for cross-platform distribution.

Quick Start

Start by choosing a tooling path (Forge, Builder, or Vite + Builder) and run the suggested initialization steps to scaffold a production-ready Electron project.

Frequently Asked Questions about electron-dev

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

FAQPage Schema
How do I secure an Electron app with context isolation and preload scripts?▼

To secure an Electron app, you must enable context isolation and use preload scripts with context bridge to safely expose APIs, preventing direct prototype pollution and ensuring sandboxed renderer execution.

What is the best way to scaffold a new Electron app for cross-platform distribution?▼

The best way to scaffold a new Electron app is choosing a tooling path like Electron Forge, Builder, or Vite, which provides project structure templates and cross-platform packaging configuration baked in from the start.

How do I set up auto-update in an Electron app using Electron Builder?▼

To set up auto-update in an Electron app using Electron Builder, you configure the update server settings and integrate the auto-update module within your main process to enable continuous cross-platform delivery.

Can I modernize an existing Electron project to use Vite workflows?▼

Yes, you can modernize existing Electron projects by migrating to a Vite-based workflow, which updates your main and renderer separation, applies CSP, and aligns your architecture with current security best practices.

Does this Electron scaffolding approach support code signing for desktop apps?▼

Yes, this Electron scaffolding approach includes code signing considerations and configuration guidelines, ensuring your desktop app meets platform security requirements for trusted cross-platform distribution.

Related Skills

Explore More Software Engineering Skills→
i5tingi5ting
172

Nodejs Newbie

Teach Node.js fundamentals including NVM setup, npm, and Git workflows.

Community
Intermediate
JongsixJongsix

moai-framework-electron

Design secure Electron desktop application architecture and implementation workflows.

Community
Advanced
wavetermdevwavetermdev
22.0k

electron-api

Implement Electron APIs for frontend-to-backend IPC via preload scripts.

Official
Intermediate
barkleesandersbarkleesanders
5

pake

Package webpages or local HTML files as lightweight native desktop apps.

Community
Intermediate