Bun Web アプリを、ネイティブ ウィンドウ管理、自動更新、コード署名、CI/CD 配布を備えた Electron デスクトップ アプリにラップします。ユーザーが既存の Bun ベースの Web サーバーからネイティブ デスクトップ アプリケーションを作成する場合、それを macOS/Windows 用にパッケージ化する場合、自動更新を設定する場合、またはドラッグ リージョンや信号機などの Electron UX の問題を処理する場合に使用します。 Electron アプリのリリースをカットしたり、バージョンにタグを付けたりするときにも使用します。
コマンドラインで electron-wrapper AI スキルを開発環境にすばやくインストール
ソース: brianlovin/claude-config。
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 アプリを、ネイティブ ウィンドウ管理、自動更新、コード署名、CI/CD 配布を備えた Electron デスクトップ アプリにラップします。ユーザーが既存の Bun ベースの Web サーバーからネイティブ デスクトップ アプリケーションを作成する場合、それを macOS/Windows 用にパッケージ化する場合、自動更新を設定する場合、またはドラッグ リージョンや信号機などの Electron UX の問題を処理する場合に使用します。 Electron アプリのリリースをカットしたり、バージョンにタグを付けたりするときにも使用します。 ソース: brianlovin/claude-config。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/brianlovin/claude-config --skill electron-wrapperBun Web アプリを、ネイティブ ウィンドウ管理、自動更新、コード署名、CI/CD 配布を備えた Electron デスクトップ アプリにラップします。ユーザーが既存の Bun ベースの Web サーバーからネイティブ デスクトップ アプリケーションを作成する場合、それを macOS/Windows 用にパッケージ化する場合、自動更新を設定する場合、またはドラッグ リージョンや信号機などの Electron UX の問題を処理する場合に使用します。 Electron アプリのリリースをカットしたり、バージョンにタグを付けたりするときにも使用します。 ソース: brianlovin/claude-config。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/brianlovin/claude-config --skill electron-wrapper インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/brianlovin/claude-config