·electron-wrapper
*

electron-wrapper

Integrieren Sie eine Bun-Web-App in eine Electron-Desktop-App mit nativer Fensterverwaltung, automatischen Updates, Code-Signierung und CI/CD-Verteilung. Verwenden Sie diese Option, wenn der Benutzer eine native Desktop-Anwendung von einem vorhandenen Bun-basierten Webserver erstellen, sie für macOS/Windows paketieren, automatische Aktualisierungen einrichten oder Electron UX-Anliegen wie Drag-Regionen und Ampeln bearbeiten möchte. Wird auch zum Schneiden von Releases oder zum Markieren von Versionen für Electron-Apps verwendet.

27Installationen·1Trend·@brianlovin

Installation

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

So installieren Sie electron-wrapper

Installieren Sie den KI-Skill electron-wrapper schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/brianlovin/claude-config --skill electron-wrapper
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: 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.

Integrieren Sie eine Bun-Web-App in eine Electron-Desktop-App mit nativer Fensterverwaltung, automatischen Updates, Code-Signierung und CI/CD-Verteilung. Verwenden Sie diese Option, wenn der Benutzer eine native Desktop-Anwendung von einem vorhandenen Bun-basierten Webserver erstellen, sie für macOS/Windows paketieren, automatische Aktualisierungen einrichten oder Electron UX-Anliegen wie Drag-Regionen und Ampeln bearbeiten möchte. Wird auch zum Schneiden von Releases oder zum Markieren von Versionen für Electron-Apps verwendet. Quelle: brianlovin/claude-config.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/brianlovin/claude-config --skill electron-wrapper
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-03-01
Aktualisiert
2026-03-11

Browse more skills from brianlovin/claude-config

Schnelle Antworten

Was ist electron-wrapper?

Integrieren Sie eine Bun-Web-App in eine Electron-Desktop-App mit nativer Fensterverwaltung, automatischen Updates, Code-Signierung und CI/CD-Verteilung. Verwenden Sie diese Option, wenn der Benutzer eine native Desktop-Anwendung von einem vorhandenen Bun-basierten Webserver erstellen, sie für macOS/Windows paketieren, automatische Aktualisierungen einrichten oder Electron UX-Anliegen wie Drag-Regionen und Ampeln bearbeiten möchte. Wird auch zum Schneiden von Releases oder zum Markieren von Versionen für Electron-Apps verwendet. Quelle: brianlovin/claude-config.

Wie installiere ich electron-wrapper?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/brianlovin/claude-config --skill electron-wrapper Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

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