기본 창 관리, 자동 업데이트, 코드 서명 및 CI/CD 배포를 통해 Bun 웹 앱을 Electron 데스크탑 앱으로 래핑합니다. 사용자가 기존 Bun 기반 웹 서버에서 기본 데스크톱 애플리케이션을 생성하고, 이를 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.
기본 창 관리, 자동 업데이트, 코드 서명 및 CI/CD 배포를 통해 Bun 웹 앱을 Electron 데스크탑 앱으로 래핑합니다. 사용자가 기존 Bun 기반 웹 서버에서 기본 데스크톱 애플리케이션을 생성하고, 이를 macOS/Windows용으로 패키징하고, 자동 업데이트를 설정하고, 드래그 영역 및 신호등과 같은 Electron UX 문제를 처리하려는 경우에 사용합니다. 또한 Electron 앱의 릴리스를 잘라내거나 버전을 태그할 때도 사용합니다. 출처: brianlovin/claude-config.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/brianlovin/claude-config --skill electron-wrapper기본 창 관리, 자동 업데이트, 코드 서명 및 CI/CD 배포를 통해 Bun 웹 앱을 Electron 데스크탑 앱으로 래핑합니다. 사용자가 기존 Bun 기반 웹 서버에서 기본 데스크톱 애플리케이션을 생성하고, 이를 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