desktop

Implement Electron desktop features with controllers, IPC types, and window management.

Updated Aug 30, 2025
One-click install
npx skills add https://github.com/cute-baobao/pm --skill desktop-cute-baobao
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: desktop
Source: https://github.com/cute-baobao/pm/tree/main/.agents/skills/desktop
Command: npx skills add https://github.com/cute-baobao/pm --skill desktop-cute-baobao

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Electron desktop development often involves coordinating main/renderer processes, IPC, and window management. This guide consolidates architecture, patterns, and references to simplify building robust desktop features.

Core Features & Use Cases

  • Architecture overview for Electron apps (main vs renderer, preload scripts)
  • Step-by-step guidance to add new desktop features: controllers, IPC types, renderer services, and window/menu management
  • Reusable references for topic areas like feature-implementation, local-tools, menu-config, and window-management

Quick Start

Follow the Desktop Development Guide to add a new feature controller and wire IPC in the renderer service.

Frequently Asked Questions about desktop

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

FAQPage Schema
How do I structure Electron controllers and renderer services for desktop apps?

The best way to manage IPC types in Electron is to define them in shared modules and reference them in both main and renderer processes. This guide provides structured references for maintaining type-safe IPC communication.

How does window management work in Electron desktop applications?

Window management in Electron desktop applications works by coordinating main and renderer processes to control browser window lifecycles and menu configurations. This guide outlines best-practice references for window and menu management.

How do I add a new desktop feature end-to-end in Electron?

To add a new desktop feature end-to-end in Electron, you create a controller, define IPC types, implement renderer services, and configure store actions. This guide provides structured templates for wiring these elements.

What is the architecture overview for Electron main and renderer processes?

The architecture overview for Electron main and renderer processes defines their distinct responsibilities, utilizing preload scripts to bridge contexts securely. This guide consolidates these patterns to simplify building robust desktop features.

When do I need preload scripts in Electron desktop development?

You need preload scripts in Electron desktop development when exposing controlled APIs from privileged processes to the renderer securely. This guide provides best-practice references for architecting these preload bridges.