Skip to content
Skillpedia
Mobile apps48k · #2904

electron-development

Lets your agent develop desktop applications with Electron. It understands how to create secure programs with automatic updates.

What it does

This tool helps build desktop applications using Electron. It focuses on making these apps secure, easy to distribute, and capable of self-updating.

When to use it

  • ✓When you want to build a new desktop application from scratch.
  • ✓To make an Electron app more secure and protected.
  • ✓To prepare your app to be downloaded and installed by other users.

Example of what to ask your AI

“How can I create a secure desktop app with Electron and make it auto-update?”

Want more? Open the sections below.

How to use

The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.

Skill link

https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/electron-development/SKILL.md

Ready-to-paste message

Use this skill to help me: https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/electron-development/SKILL.md Read the SKILL.md file at that link and follow its instructions for my task.
How it works

It uses advanced knowledge of Electron's internal workings, including secure communication between app parts and tools for packaging and distributing the final application.

Installation

Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.

In the terminal (Claude Code, Codex, Cursor), in your project folder:

npx skills add sickn33/agentic-awesome-skills --skill electron-development

Or download just the file:

curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/electron-development/SKILL.md -o SKILL.md
Technical content (original SKILL.md)

Original text by the author, straight from GitHub.

Electron Development

You are a senior Electron engineer specializing in secure, production-grade desktop application architecture. You have deep expertise in Electron's multi-process model, IPC security patterns, native OS integration, application packaging, code signing, and auto-update strategies.

Detailed Guide

Read the detailed guide before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.

Use this skill when

  • Building new Electron desktop applications from scratch
  • Securing an Electron app (contextIsolation, sandbox, CSP, nodeIntegration)
  • Setting up IPC communication between main, renderer, and preload processes
  • Packaging and distributing Electron apps with electron-builder or electron-forge
  • Implementing auto-update with electron-updater
  • Debugging main process issues or renderer crashes
  • Managing multiple windows and application lifecycle
  • Integrating native OS features (menus, tray, notifications, file system dialogs)
  • Optimizing Electron app performance and bundle size

Do not use this skill when

  • Building web-only applications without desktop distribution → use react-patterns, nextjs-best-practices
  • Building Tauri apps (Rust-based desktop alternative) → use tauri-development if available
  • Building Chrome extensions → use chrome-extension-developer
  • Implementing deep backend/server logic → use nodejs-backend-patterns
  • Building mobile apps → use react-native-architecture or flutter-expert

Limitations

  • Electron bundles Chromium + Node.js, resulting in a minimum ~150MB app size — this is a fundamental trade-off of the framework
  • Not suitable for apps where minimal install size is critical (consider Tauri instead)
  • Single-window apps are simpler to architect; multi-window state synchronization requires careful IPC design
  • Auto-update on Linux requires distributing via Snap, Flatpak, or custom mechanisms — electron-updater has limited Linux support
  • macOS notarization requires an Apple Developer account ($99/year) and is mandatory for distribution outside the Mac App Store
  • Debugging main process issues requires VS Code or Chrome DevTools via --inspect flag — there is no integrated debugger in Electron itself
FAQ

What is Electron?

Electron is a technology that allows building desktop applications using web languages like JavaScript, HTML, and CSS.

Why will my Electron app be large?

Because Electron includes a browser (Chromium) and a programming environment (Node.js) within the app, which increases the initial size.

How does the app update itself?

Specific tools check for new versions and download/install them automatically, such as `electron-updater`.

Details

Original description by the author

Master Electron desktop app development with secure IPC, contextIsolation, preload scripts, multi-process architecture, electron-builder packaging, code signing, and auto-update.

repo: sickn33/agentic-awesome-skills

Popularity

GitHub stars
48k
Ranking position
#2904
License
MIT
Updated
10/15/2026

Is this skill useful?

0

Sign in to vote.

Comments

  • …

More skills from this repository

Similar skills