moai-framework-electron

Automate cross-platform Electron app scaffolding with secure IPC and packaging.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/globalmsq/solo-relayer-service --skill moai-framework-electron-globalmsq
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: moai-framework-electron
Source: https://github.com/globalmsq/solo-relayer-service/tree/main/.claude/skills/moai-framework-electron
Command: npx skills add https://github.com/globalmsq/solo-relayer-service --skill moai-framework-electron-globalmsq

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill guides developers to build robust, secure, cross-platform Electron desktop apps by providing a clear architecture, IPC patterns, auto-update workflows, packaging configurations, and security best practices.

Core Features & Use Cases

  • Project Architecture: Defines four-folder structure (Main, Renderer, Preload, Shared) and a secure window lifecycle management approach.
  • IPC & Security: Type-safe IPC contracts, preload exposure, and strict security hardening across the app.
  • Auto-Update & Packaging: Integrates differential updates, auto-update workflow, and cross-platform packaging with Forge and electron-builder.
  • Use Case: Build a cross-platform Electron app with auto-update, self-contained packaging, and secure renderer isolation.

Quick Start

Install dependencies and run the build pipeline; configure electron-builder for cross-platform packaging; start the app in development with the appropriate tooling; test auto-update flow and security hardening.

Frequently Asked Questions about moai-framework-electron

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

FAQPage Schema
How do I structure a secure Electron app with Main and Renderer processes?

A secure Electron app architecture separates code into Main, Renderer, Preload, and Shared folders to enforce strict security hardening and manage the window lifecycle safely. This structure isolates privileged APIs from the renderer process.

How do I set up type-safe IPC contracts in an Electron application?

Type-safe IPC contracts in an Electron application are established by defining strict preload exposures and shared type definitions. This ensures secure communication between the Main and Renderer processes without exposing dangerous Node.js APIs.

What's the best way to configure auto-updates for cross-platform Electron apps?

Configuring auto-updates for cross-platform Electron apps involves integrating electron-updater to handle differential updates. The workflow requires specific configuration standards to ensure seamless distribution across macOS, Windows, and Linux.

How do I package an Electron desktop app for macOS, Windows, and Linux?

Packaging an Electron desktop app for macOS, Windows, and Linux uses electron-builder to create self-contained distributions. You must configure cross-platform packaging patterns to ensure reproducible deployments across all target operating systems.

Does this Electron scaffolding approach support renderer isolation?

Yes, this Electron scaffolding approach supports renderer isolation by enforcing strict security hardening across the application. It provides a secure window lifecycle management approach and limits preload exposure to maintain a robust isolated renderer.