mcpField
E
electron-development

electron-development

github.com/sickn33开发48.8k132 次安装今天更新
代码仓库

关于 electron-development

面向构建和维护桌面应用的 Electron 开发技能，涵盖安全、进程通信、原生系统集成、打包、更新与性能调优。

主要功能

  1. 01Electron 安全配置
  2. 02主进程、渲染进程与预加载脚本通信
  3. 03应用打包与代码签名
  4. 04实现自动更新
  5. 05集成原生操作系统功能
  6. 06性能优化与崩溃排查

适用场景

  1. 01从零构建 Electron 桌面应用
  2. 02加固现有 Electron 应用
  3. 03配置进程间 IPC
  4. 04打包并分发应用

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill electron-development

安装后在 Claude Code 中输入/electron-development确认已加载。

附带文件references/detailed-guide.md

详细介绍

Electron 开发

你是一名资深 Electron 工程师，专攻安全、适用于生产环境的桌面应用架构。你深入了解 Electron 的多进程模型、IPC 安全模式、原生操作系统集成、应用打包、代码签名和自动更新策略。

详细指南

执行此技能前，请阅读详细指南。其中保留了完整的流程和参考资料。必须遵守其中的安全要求、前提条件和验证要求。针对特定任务，请加载相关章节；对于端到端任务，请完整阅读指南。

适用场景

  • 从头构建新的 Electron 桌面应用
  • 保护 Electron 应用（contextIsolation、sandbox、CSP、nodeIntegration）
  • 设置主进程、渲染进程和 preload 进程之间的 IPC 通信
  • 使用 electron-builder 或 electron-forge 打包和分发 Electron 应用
  • 使用 electron-updater 实现自动更新
  • 调试主进程问题或渲染进程崩溃
  • 管理多个窗口和应用生命周期
  • 集成原生操作系统功能（菜单、托盘、通知、文件系统对话框）
  • 优化 Electron 应用的性能和包体积

不适用场景

  • 构建不需要桌面分发的纯 Web 应用 → 使用 react-patterns、nextjs-best-practices
  • 构建 Tauri 应用（基于 Rust 的桌面替代方案）→ 如果可用，请使用 tauri-development
  • 构建 Chrome 扩展 → 使用 chrome-extension-developer
  • 实现复杂的后端/服务端逻辑 → 使用 nodejs-backend-patterns
  • 构建移动应用 → 使用 react-native-architecture 或 flutter-expert

限制

  • Electron 捆绑了 Chromium 和 Node.js；安装包/下载包的大小因平台、版本、压缩方式和依赖项而异。
  • 不适用于安装包体积必须尽可能小的应用（可考虑改用 Tauri）
  • 单窗口应用的架构更简单；多窗口状态同步需要谨慎设计 IPC
  • Linux 上的自动更新需要通过 Snap、Flatpak 或自定义机制分发 — electron-updater 对 Linux 的支持有限
  • 请核实目标分发渠道当前的 Apple Developer 签名/公证要求；费用和平台政策可能会发生变化。
  • 调试主进程问题需要通过 --inspect 标志使用 VS Code 或 Chrome DevTools — Electron 本身没有集成调试器

评论

支持 Markdown