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.