يمكنك دمج تطبيق ويب Bun في تطبيق Electron لسطح المكتب مع إدارة النوافذ الأصلية والتحديثات التلقائية وتوقيع التعليمات البرمجية وتوزيع CI/CD. يُستخدم عندما يريد المستخدم إنشاء تطبيق سطح مكتب أصلي من خادم ويب قائم على Bun، أو حزمه لنظام macOS/Windows، أو إعداد التحديث التلقائي، أو التعامل مع مشكلات Electron UX مثل مناطق السحب وإشارات المرور. استخدمه أيضًا عند قص الإصدارات أو وضع علامات على الإصدارات لتطبيقات Electron.
ثبّت مهارة الذكاء الاصطناعي electron-wrapper بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: 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 في تطبيق Electron لسطح المكتب مع إدارة النوافذ الأصلية والتحديثات التلقائية وتوقيع التعليمات البرمجية وتوزيع CI/CD. يُستخدم عندما يريد المستخدم إنشاء تطبيق سطح مكتب أصلي من خادم ويب قائم على Bun، أو حزمه لنظام macOS/Windows، أو إعداد التحديث التلقائي، أو التعامل مع مشكلات Electron UX مثل مناطق السحب وإشارات المرور. استخدمه أيضًا عند قص الإصدارات أو وضع علامات على الإصدارات لتطبيقات Electron. المصدر: brianlovin/claude-config.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/brianlovin/claude-config --skill electron-wrapperيمكنك دمج تطبيق ويب Bun في تطبيق Electron لسطح المكتب مع إدارة النوافذ الأصلية والتحديثات التلقائية وتوقيع التعليمات البرمجية وتوزيع CI/CD. يُستخدم عندما يريد المستخدم إنشاء تطبيق سطح مكتب أصلي من خادم ويب قائم على 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 بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/brianlovin/claude-config