·electron-wrapper
*

electron-wrapper

将 Bun Web 应用程序封装到 Electron 桌面应用程序中,并具有本机窗口管理、自动更新、代码签名和 CI/CD 分发功能。当用户想要从现有的基于 Bun 的 Web 服务器创建本机桌面应用程序、将其打包用于 macOS/Windows、设置自动更新或处理 Electron UX 问题(例如拖动区域和交通信号灯)时使用。也可在为 Electron 应用程序削减版本或标记版本时使用。

27安装·3热度·@brianlovin

安装

$npx skills add https://github.com/brianlovin/claude-config --skill electron-wrapper

如何安装 electron-wrapper

通过命令行快速安装 electron-wrapper AI 技能到你的开发环境

  1. 打开终端: 打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 运行安装命令: 复制并运行以下命令:npx skills add https://github.com/brianlovin/claude-config --skill electron-wrapper
  3. 验证安装: 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

来源:brianlovin/claude-config。

SKILL.md

查看原文

This skill guides wrapping an existing Bun web server into a native desktop app using Electron. It's based on a proven implementation that solved every major integration challenge.

"Electron as chrome, Bun as server" — Two runtimes working together:

The Electron main process spawns a bundled Bun binary that runs your server, then loads http://localhost:{port} in a BrowserWindow. Your web app doesn't know or care that it's inside Electron — it's just a web page with an optional window.electronAPI bridge for native features.

将 Bun Web 应用程序封装到 Electron 桌面应用程序中,并具有本机窗口管理、自动更新、代码签名和 CI/CD 分发功能。当用户想要从现有的基于 Bun 的 Web 服务器创建本机桌面应用程序、将其打包用于 macOS/Windows、设置自动更新或处理 Electron UX 问题(例如拖动区域和交通信号灯)时使用。也可在为 Electron 应用程序削减版本或标记版本时使用。 来源:brianlovin/claude-config。

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/brianlovin/claude-config --skill electron-wrapper
分类
*创意媒体
认证
收录时间
2026-03-01
更新时间
2026-03-10

Browse more skills from brianlovin/claude-config

快速解答

什么是 electron-wrapper?

将 Bun Web 应用程序封装到 Electron 桌面应用程序中,并具有本机窗口管理、自动更新、代码签名和 CI/CD 分发功能。当用户想要从现有的基于 Bun 的 Web 服务器创建本机桌面应用程序、将其打包用于 macOS/Windows、设置自动更新或处理 Electron UX 问题(例如拖动区域和交通信号灯)时使用。也可在为 Electron 应用程序削减版本或标记版本时使用。 来源:brianlovin/claude-config。

如何安装 electron-wrapper?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/brianlovin/claude-config --skill electron-wrapper 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

这个 Skill 的源码在哪?

https://github.com/brianlovin/claude-config

详情

分类
*创意媒体
来源
skills.sh
收录时间
2026-03-01