mcpField
E
electron-development

electron-development

github.com/sickn33Development48.8k132 installsUpdated today
Repository

About electron-development

An Electron development skill for engineers building and maintaining desktop applications. It covers security, process communication, native OS integration, packaging, updates, and performance.

Key features

  1. 01Electron security configuration
  2. 02Main, renderer, and preload IPC
  3. 03Packaging and code signing
  4. 04Auto-update implementation
  5. 05Native OS integrations
  6. 06Performance and crash debugging

Use cases

  1. 01Starting a new Electron desktop app
  2. 02Securing an existing Electron app
  3. 03Configuring IPC between processes
  4. 04Packaging and distributing an app

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill electron-development

After installing, type/electron-developmentin Claude Code to confirm it loaded.

Bundled filesreferences/detailed-guide.md

Details

From the project README

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 and Node.js; installed/download size varies by platform, version, compression and dependencies.
  • 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
  • Check current Apple Developer signing/notarization requirements for the intended distribution channel; fees and platform policy can change.
  • Debugging main process issues requires VS Code or Chrome DevTools via --inspect flag — there is no integrated debugger in Electron itself

Comments

Markdown supported