Is the IPC communication secure?

Absolutely. It enforces strict context isolation and disables node integration in the renderer, exposing only specific, type-safe APIs via a dedicated preload script.

Can I use this for macOS app distribution?

Yes, it includes configurations for electron-builder and macOS entitlements required for hardened runtimes and Gatekeeper compliance.

What versions of Electron and Vite does this skill support?

The skill is optimized for Electron 33 and modern Vite builds, utilizing a dual-entry configuration for the main and renderer processes.

Does this skill handle native module errors like NODE_MODULE_VERSION mismatch?

Yes, it provides specific guidance and configurations for using electron-rebuild to ensure native modules like better-sqlite3 work correctly across different environments.

Electron Base Starter

Name: Electron Base Starter
Author: jezweb

byjezweb

•

245

•

Developer Tools

Builds secure, modern desktop applications using Electron 33, Vite, React, and TypeScript with type-safe IPC and production-ready packaging.

This skill provides a comprehensive foundation for developing cross-platform desktop applications, ensuring best practices for security and performance from day one. It guides developers through setting up a modern dual-process architecture, implementing type-safe Inter-Process Communication (IPC) via contextBridge, and handling complex flows like OAuth with custom protocol handlers. By automating the configuration of native modules and electron-builder, it prevents common pitfalls like NODE_MODULE_VERSION mismatches and sandbox conflicts, making it an essential tool for developers transitioning web apps to the desktop.

Key Features

01OAuth integration with custom protocol handlers and CSRF state validation

02Pre-configured Electron 33, Vite, and React dual-entry architecture

03245 GitHub stars

04Type-safe IPC communication via contextBridge and TypeScript global declarations

05Native module compatibility management for better-sqlite3 and electron-store

06Production packaging and code signing setup with electron-builder

Use Cases

01Developing desktop apps that require local database persistence with native modules like SQLite

02Implementing complex authentication flows using OAuth 2.0 within a desktop environment

03Building a secure, cross-platform desktop version of an existing React web application

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jezweb/claude-skills electron-base

For use in Claude.ai and ChatGPT

Download Skill