Provides comprehensive guidance for Electron framework including main process, renderer process, IPC communication, window management, and desktop app development. Use when the user asks about Electron, needs to create desktop applications, implement Electron features, or build cross-platform desktop apps.
Use this skill whenever the user wants to:
This skill is organized to match the Electron official documentation structure (https://www.electronjs.org/zh/docs/latest/, https://www.electronjs.org/zh/docs/latest/api/app). When working with Electron:
Identify the topic from the user's request:
examples/getting-started/installation.md or examples/getting-started/quick-start.mdexamples/processes/main-process.mdexamples/processes/renderer-process.mdexamples/processes/ipc-communication.mdexamples/api/browser-window.mdexamples/api/menu.mdexamples/advanced/packaging.mdexamples/advanced/security.mdLoad the appropriate example file from the examples/ directory:
Getting Started (快速开始) - examples/getting-started/:
examples/getting-started/installation.md - Installing Electron and basic setupexamples/getting-started/quick-start.md - Quick start tutorialProcesses (进程) - examples/processes/:
examples/processes/main-process.md - Main process concepts and usageexamples/processes/renderer-process.md - Renderer process conceptsexamples/processes/preload-scripts.md - Preload scripts usageexamples/processes/ipc-communication.md - IPC communication patternsAPI Examples (API 示例) - examples/api/:
examples/api/browser-window.md - BrowserWindow usageexamples/api/menu.md - Menu and context menuexamples/api/tray.md - System trayexamples/api/dialog.md - File dialogsexamples/api/ipc-main.md - ipcMain usageexamples/api/ipc-renderer.md - ipcRenderer usageAdvanced (高级) - examples/advanced/:
examples/advanced/packaging.md - Application packagingexamples/advanced/security.md - Security best practicesexamples/advanced/auto-updater.md - Auto updaterexamples/advanced/native-modules.md - Native modulesTools (工具) - examples/tools/:
examples/tools/electron-forge.md - Electron Forge usageexamples/tools/electron-fiddle.md - Electron Fiddle usageFollow the specific instructions in that example file for syntax, structure, and best practices
Important Notes:
Reference API documentation in the api/ directory when needed:
api/app.md - app module APIapi/browser-window.md - BrowserWindow APIapi/ipc-main.md - ipcMain APIapi/ipc-renderer.md - ipcRenderer APIapi/menu.md - Menu APIapi/tray.md - Tray APIUse templates from the templates/ directory:
templates/main-process.md - Main process templatetemplates/preload-script.md - Preload script templatetemplates/renderer-process.md - Renderer process templatetemplates/package-json.md - package.json templateexamples/ → https://www.electronjs.org/zh/docs/latest/api/ → https://www.electronjs.org/zh/docs/latest/api/appThis skill includes detailed examples organized to match the official documentation structure. All examples are in the examples/ directory (see mapping above).
To use examples:
To use templates:
templates/ directory for common scaffoldingDetailed API documentation is available in the api/ directory, organized to match the official Electron API documentation structure:
api/)api/app.md - app module APIapi/browser-window.md - BrowserWindow APIapi/ipc-main.md - ipcMain APIapi/ipc-renderer.md - ipcRenderer APIapi/menu.md - Menu APIapi/tray.md - Tray APIapi/dialog.md - Dialog APITo use API reference:
api/ directoryexamples/ directoryElectron, desktop app, main process, renderer process, preload, IPC, BrowserWindow, Menu, Tray, Dialog, packaging, electron-builder, electron-forge, electron-fiddle, cross-platform, 桌面应用, 主进程, 渲染进程, IPC 通信, 窗口, 菜单, 托盘, 打包
确保开发环境已安装必要的依赖和工具。
根据项目需求进行基础配置。
按照示例代码实现核心功能。
运行测试确保功能正常。
完成开发后进行部署和监控。