electron-sveltekit

Configure Electron and SvelteKit projects with secure IPC patterns.

63|2|Updated Mar 23, 2026
One-click install
npx skills add https://github.com/stolinski/s-stack --skill electron-sveltekit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: electron-sveltekit
Source: https://github.com/stolinski/s-stack/tree/main/skills/electron-sveltekit
Command: npx skills add https://github.com/stolinski/s-stack --skill electron-sveltekit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Electron and SvelteKit patterns for building robust cross-platform desktop applications using a modern UI layer.

Core Features & Use Cases

  • Project structure: Clear separation of main, renderer, preload, and IPC contracts for Electron apps.
  • Secure IPC: ContextBridge-based communication with typed IPC contracts for safe data exchange.
  • Renderer setup: SvelteKit renderer configured for file:// deployment with static adapter.

Quick Start

Initialize a new Electron + SvelteKit project using the recommended architecture and security patterns.

Frequently Asked Questions about electron-sveltekit

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

FAQPage Schema
How do I set up a secure Electron and SvelteKit desktop app architecture?

A secure Electron and SvelteKit desktop app uses ContextBridge for typed IPC contracts. This separates main, preload, and renderer processes while configuring the SvelteKit static adapter for file:// deployment.

What is the recommended project structure for an Electron SvelteKit application?

The recommended project structure for an Electron SvelteKit application maintains clear separation between the main process, renderer process, preload scripts, and IPC contracts. This organization ensures secure data exchange and native integrations.

How does type-safe IPC work with Electron's ContextBridge in a SvelteKit renderer?

Type-safe IPC with ContextBridge defines typed contracts for main and renderer process communication. This pattern ensures secure data exchange by exposing strictly typed APIs to the SvelteKit renderer instead of loose message passing.

Can I use SvelteKit with Electron's auto-updater and native menus?

Yes, SvelteKit integrates with Electron's auto-updater and native menus. The blueprint provides patterns for configuring these native desktop features alongside the SvelteKit renderer using a static adapter.

Does SvelteKit need a static adapter for Electron file:// deployment?

Yes, SvelteKit requires a static adapter for Electron file:// deployment. Configuring the renderer for static file output ensures the desktop app loads its UI layer directly without a web server.