build-electron-features

Scaffold Electron features across main, preload, and renderer layers.

1|Updated Jan 26, 2026
One-click install
npx skills add https://github.com/AskTinNguyen/vesper-team-skills --skill build-electron-features
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: build-electron-features
Source: https://github.com/AskTinNguyen/vesper-team-skills/tree/main/build-electron-features
Command: npx skills add https://github.com/AskTinNguyen/vesper-team-skills --skill build-electron-features

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Provides a standardized blueprint for building features across Electron's main, preload, and renderer layers, ensuring consistent structure and integration across components.

Core Features & Use Cases

  • Cross-layer scaffolding patterns for main process services, preload bridges, and renderer UI components to ensure cohesive feature development.
  • Workspace-scoped architecture with per-workspace services, IPC channels, and navigation integration to support multi-project environments.
  • Reference implementations and walkthroughs that guide the addition of new panels, IPC handlers, and navigation patterns.

Quick Start

Follow the guide to scaffold a new Electron feature across main, preload, and renderer layers.

Frequently Asked Questions about build-electron-features

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

FAQPage Schema
How do I scaffold an Electron feature across main, preload, and renderer layers?▼

To scaffold an Electron feature, use standardized patterns for main process services, preload bridging, and renderer UI components. This ensures cohesive cross-layer coordination and consistent structural integration across all workspaces.

What is the best way to structure IPC channels and TypeScript interfaces in a multi-workspace Electron app?▼

The best way to structure IPC channels and TypeScript interfaces is through workspace-scoped architecture. This enforces per-workspace services and type safety, ensuring data persistence and event broadcasting remain isolated and manageable across multiple projects.

Does this Electron scaffolding pattern support JSON-based persistence and React components?▼

Yes, the Electron scaffolding pattern supports JSON-based persistence and modular React component scaffolding. It enforces TypeScript interfaces and provides reference implementations to guide the addition of new panels and navigation patterns.

Why do I need a standardized blueprint for cross-layer Electron feature development?▼

A standardized blueprint for cross-layer Electron feature development ensures consistent structure and integration across components. It solves the problem of fragmented architecture by providing cohesive patterns for types, IPC channels, and event broadcasting.

Can I use this Electron scaffolding approach for features that require cross-layer navigation and event broadcasting?▼

Yes, you can use this Electron scaffolding approach for features requiring cross-layer navigation and event broadcasting. It provides reference implementations and walkthroughs that guide the addition of new panels and IPC handlers across multiple workspaces.