desktop

Guide Electron desktop feature development with IPC, window, and preload patterns.

Updated Mar 2, 2026
One-click install
npx skills add https://github.com/Staysr/lobe-windos-build --skill desktop-staysr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: desktop
Source: https://github.com/Staysr/lobe-windos-build/tree/main/.agents/skills/desktop
Command: npx skills add https://github.com/Staysr/lobe-windos-build --skill desktop-staysr

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

The Desktop Development Guide helps teams understand how to implement Electron-based features, IPC handlers, preload scripts, window management, and UI menus in a consistent, secure way.

Core Features & Use Cases

  • Architecture & Layering: Main process, renderer process, preload scripts, and IPC patterns for stable desktop apps.
  • Guides & References: Topic-based references like feature implementation, local tools, menu configuration, and window management to accelerate development.
  • Use Case: When adding a new desktop feature, follow these guides to implement IPC, controllers, and proper window behavior with secure defaults.

Quick Start

Review the Desktop Architecture Overview and start implementing a new feature following the Feature Implementation guide.

Frequently Asked Questions about desktop

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

FAQPage Schema
How do I implement secure IPC handlers in an Electron app?

To implement secure IPC handlers in an Electron app, establish clear architecture layering across main and renderer processes, utilizing preload scripts to expose controlled APIs for safe desktop feature communication.

What is the best way to structure window management for desktop applications?

The best way to structure window management is by following dedicated references for window behavior, ensuring consistent window creation, state handling, and menu configuration across your desktop application workflows.

How does a preload script interact with the main process during feature implementation?

A preload script bridges the renderer and main process by defining secure IPC channels, allowing desktop features to invoke main process controllers while maintaining strict separation and secure defaults.

Can I use these architecture guides to configure desktop UI menus?

Yes, you can use these architecture guides to configure desktop UI menus by following topic-based references that detail menu implementation alongside IPC patterns and local tool integration.

Why do I need strict architecture layering across main and renderer processes?

You need strict architecture layering across main and renderer processes to maintain secure, scalable desktop applications, preventing direct access to Node.js APIs and ensuring stable IPC communication.