skills.rest
chrisvoncsefalvay
chrisvoncsefalvayCOMMUNITY
Explore all skills by this author →
Website𝕏@epichrisisGitHub

electron-scaffold

Automate Electron app scaffolding with security hardening and build tooling.

3|Updated Oct 20, 2025
Search Tags:#typescript#security#scaffolding#cross-platform#desktop app#electron#auto-update
One-click install
npx skills add https://github.com/chrisvoncsefalvay/claude-skills --skill electron-scaffold
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: electron-scaffold
Source: https://github.com/chrisvoncsefalvay/claude-skills/tree/main/electron-scaffold
Command: npx skills add https://github.com/chrisvoncsefalvay/claude-skills --skill electron-scaffold

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires electron, electron-updater, electron-log, typescript, electron-forge, electron-builder, vite, react, vue, svelte, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Building a production-ready Electron application from scratch involves navigating complex configurations for security, modern tooling, auto-updates, and native UI elements. This often leads to significant setup time and potential security oversights. This skill automates the entire scaffolding process, embedding best practices from day one.

Core Features & Use Cases

  • Robust Security Hardening: Automatically configures critical security features like contextIsolation, disables nodeIntegration, implements a strict Content Security Policy (CSP), and sets up secure IPC patterns to safeguard your application.
  • Modern Development Stack: Integrates seamlessly with popular build tools like Electron Forge or Vite, and supports leading frontend frameworks such as React, Vue, or Svelte, with TypeScript enabled by default for enhanced developer experience.
  • Effortless Auto-Updates & Native UI: Sets up electron-updater for seamless, automatic application updates and provides templates for native menus, system tray integration, and platform-specific icons, ensuring a polished user experience.
  • Use Case: You're embarking on a new cross-platform desktop application project. Instead of dedicating days to configuring the build system, security protocols, and update mechanisms, leverage this skill to generate a robust, production-ready boilerplate in mere minutes.

Quick Start

Create app with TypeScript and Webpack using Electron Forge

npm init electron-app@latest my-electron-app -- --template=webpack-typescript

Frequently Asked Questions about electron-scaffold

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

FAQPage Schema
How do I set up a secure Electron app with auto-updates?▼

Secure Electron app setup involves configuring contextIsolation, disabling nodeIntegration, implementing Content Security Policy, and integrating electron-updater for automatic updates. This Skill automates these security hardening steps and auto-update configuration across your entire project scaffolding.

Can I build an Electron app with TypeScript and React?▼

Yes. This Skill supports TypeScript by default and integrates seamlessly with React, Vue, and Svelte frameworks. It generates a production-ready boilerplate with your chosen frontend framework and modern build tooling like Electron Forge or Vite.

What's the fastest way to scaffold a cross-platform desktop application?▼

Use automated scaffolding to generate a complete Electron project with security best practices, build configuration, and IPC patterns pre-configured. This Skill creates a production-grade foundation in minutes instead of days of manual setup.

How do I set up secure IPC communication in Electron?▼

Secure IPC in Electron uses preload scripts with contextBridge to safely expose APIs between main and renderer processes. This Skill configures secure IPC patterns and preload architecture automatically during project generation.

Does Electron Forge work with TypeScript and modern frameworks?▼

Yes. Electron Forge supports TypeScript and integrates with React, Vue, and Svelte through Webpack and Vite build tools. This Skill provides templates and configurations for all these combinations in a single scaffolding step.

What security features should a production Electron app include?▼

Production Electron apps require contextIsolation, disabled nodeIntegration, sandbox mode, strict Content Security Policy, and secure preload-based IPC. This Skill embeds all these hardening configurations into the generated project automatically.

Related Skills

Explore More Software Engineering Skills→
ehtbantonehtbanton

tsconfig-builder

Generate tsconfig.json files for diverse TypeScript project types.

Community
Intermediate
tankpkgtankpkg
1

@tank/desktop-app-dev

Build cross-platform desktop apps from web projects using Electron, Tauri v2, or Wails.

Official
Advanced
faqndo97faqndo97
32

inertia-rails

Integrate Rails with React, Vue, or Svelte frontends via Inertia.

Community
Advanced
dchukdchuk
30

embedding-tauri-sidecars

Embed and execute external binaries in Tauri apps via tauri.conf.json.

Community
Advanced