Community编程与开发github.com

teachingai/electron

使用 Electron 构建跨平台桌面应用程序,涵盖主进程/渲染进程架构、IPC 通信、BrowserWindow 管理、菜单、托盘图标、打包以及安全最佳实践。当用户询问 Electron、需要创建桌面应用、实现 Electron 功能或构建跨平台桌面应用时使用。

electron 是什么?

此技能旨在为开发者和 AI 代理提供全面的指导,以使用 Electron 构建跨平台桌面应用程序。它涵盖了 Electron 的核心架构,包括主进程与渲染进程的职责分离,以及它们之间通过 IPC(进程间通信)进行消息传递和调用的方式。技能详细说明了 BrowserWindow 的管理技术,例如创建、配置和销毁窗口,并阐述了如何集成系统菜单(Menu)和托盘图标(Tray)以增强应用与操作系统的交互。此外,该技能还介绍了应用打包(Packaging)为可分发的安装程序(如 .exe、.dmg)的方法,并强调了安全性最佳实践,例如上下文隔离(contextIsolation)、沙箱化(sandbox)和预加载脚本(preload script)的正确使用。它适用于 Claude Code、Cursor 等支持自定义技能的 AI 代理平台,能够帮助开发者高效地实现从项目初始化到最终发布的全流程 Electron 开发任务。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/teachingai/full-stack-skills/tree/main/skills/electron

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

electron 是做什么的?

使用 Electron 构建跨平台桌面应用程序,涵盖主进程/渲染进程架构、IPC 通信、BrowserWindow 管理、菜单、托盘图标、打包以及安全最佳实践。当用户询问 Electron、需要创建桌面应用、实现 Electron 功能或构建跨平台桌面应用时使用。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

相关技能