moai-framework-electron

Develop Electron 33+ desktop apps with IPC, auto-updates, and packaging.

3|Updated Feb 18, 2026
One-click install
npx skills add https://github.com/rodmena-limited/trust5 --skill moai-framework-electron-rodmena-limited
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: moai-framework-electron
Source: https://github.com/rodmena-limited/trust5/tree/main/trust5/assets/claude/skills/moai-framework-electron
Command: npx skills add https://github.com/rodmena-limited/trust5 --skill moai-framework-electron-rodmena-limited

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires electron, electron-builder, electron-forge, electron-updater, vite, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a comprehensive toolkit for building Electron 33+ desktop applications, covering architecture, IPC communication, auto-updates, packaging, and security best practices.

Core Features & Use Cases

  • Electron 33 Platform Support: Utilizes Chromium 130, Node.js 20.18, and Native ESM in the main process.
  • Process Architecture: Handles Main/Renderer process architecture, IPC communication, and sandboxing.
  • Auto-Update Support: Integrates with GitHub and S3 for differential updates and user notification management.
  • Packaging Options: Offers Electron Forge and electron-builder for building and distributing apps.
  • Security Features: Implements contextIsolation, sandbox enforcement, CSP, and input validation.
  • Use Case: Build a cross-platform desktop app that requires native OS integrations and secure distribution.

Quick Start

Run the 'create-electron-app' command with the vite-typescript template, install electron-builder, and add electron-updater for auto-update functionality.

Frequently Asked Questions about moai-framework-electron

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

FAQPage Schema
How do I set up IPC communication between Main and Renderer processes in Electron 33?

Electron 33 IPC communication is managed by structuring Main and Renderer process architecture with enforced sandboxing and contextIsolation. This enables secure message passing while maintaining strict native system access boundaries.

What's the best way to implement auto-updates in a cross-platform desktop app with Electron?

Auto-updates in an Electron desktop app are implemented by integrating electron-updater with GitHub or S3. This delivers differential updates efficiently and manages user notifications across cross-platform distributions.

Does Electron 33 support Native ESM in the main process with Vite?

Electron 33 supports Native ESM in the main process alongside Vite integration. You bootstrap the project using the vite-typescript template via the create-electron-app command to leverage modern web technologies natively.

How do I package an Electron app using electron-builder vs Electron Forge?

Packaging an Electron desktop app utilizes both Electron Forge and electron-builder for building and distributing cross-platform applications. electron-builder specifically offers extensive configuration options tailored for auto-update integration workflows.

What security features should I enforce when building Electron desktop apps?

Electron desktop app security requires enforcing contextIsolation, sandbox mode, Content Security Policy (CSP), and input validation. These features prevent malicious code execution and strictly secure native system access.