القائمة
This skill should be used when the user asks to "electrobun init", "scaffold a new electrobun project", "new electrobun app", "electrobun template", or "start electrobun project". Activates on new project setup or template questions.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
This skill should be used when the user asks to "build electrobun app", "electrobun build", "electrobun canary", "electrobun stable", "set up code signing", "electrobun distribution", or is diagnosing electrobun build failures. Covers dev/canary/stable environments, all three platforms, toolchain prerequisites, artifact output, and CI/CD setup.
This skill should be used when the user asks about "electrobun.config.ts", "electrobun config", needs the config field reference, wants to understand config defaults, or is configuring platform-specific electrobun behaviour.
This skill should be used when the user asks to "run electrobun dev", "electrobun development mode", "electrobun --watch", "hot reload electrobun", "CEF devtools", or is debugging the electrobun renderer or understanding the dev build cycle.
This skill should be used when the user is starting a new Electrobun project, is unsure which electrobun skill or command to use, wants an overview of the electrobun-dev plugin, or asks "which electrobun skill", "electrobun plugin guide", "electrobun overview". Lists all skills, commands, and agents with when-to-use guidance.
This skill should be used when the user asks about the "electrobun kitchen sink", "defineTest", "AUTO_RUN mode", "kitchen sink tests", "electrobun test runner", navigating playground windows, or wants to add new electrobun Kitchen Sink test coverage.
This skill should be used when the user is building electrobun features for the milady-ai/milady project, submitting PRs to milady that will be reviewed by the agent-review system, asks about "electrobun milady", "milady electrobun PR", trust tiers, Biome compliance, or the release-electrobun.yml workflow.
| name | electrobun-init |
| description | This skill should be used when the user asks to "electrobun init", "scaffold a new electrobun project", "new electrobun app", "electrobun template", or "start electrobun project". Activates on new project setup or template questions. |
| version | 1.0.0 |
Scaffolds a new Electrobun desktop app from a built-in template.
electrobun init # interactive template picker
electrobun init <project-name> # pick template interactively, name set
electrobun init <template-name> # template name = project name
electrobun init <project-name> --template=<name> # explicit name + template
After init:
cd <project-name>
bun install
bun start # runs: electrobun dev
Choose based on what your app primarily does:
| Template | Use when |
|---|---|
hello-world | Starting from scratch, learning Electrobun |
bunny | Demo/mascot, visual showcase |
| Template | Use when |
|---|---|
svelte | You use Svelte |
vue | You use Vue |
solid | You use SolidJS |
angular | You use Angular |
react-tailwind-vite | React + Tailwind, Vite bundler |
tailwind-vanilla | No framework, just Tailwind |
vanilla-vite | No framework, Vite bundler |
| Template | Use when |
|---|---|
multi-window | App needs multiple independent windows |
tray-app | Menu bar / system tray app, no main window |
notes-app | CRUD app with local storage |
sqlite-crud | App with a local SQLite database |
photo-booth | Camera/media capture |
| Template | Use when |
|---|---|
multitab-browser | Multi-tab browser shell with navigation |
| Template | Use when |
|---|---|
wgpu-threejs | 3D scene with Three.js on native WebGPU |
wgpu | Native GPU rendering with Dawn/WebGPU |
wgpu-mlp | WebGPU neural net inference |
wgpu-babylon | BabylonJS on WebGPU |
Every template produces at minimum:
<project-name>/
├── package.json # scripts: start, dev, build, build:canary
├── electrobun.config.ts # app identity + build config
├── tsconfig.json
├── bun.lock
└── src/
├── bun/
│ └── index.ts # main process entry
└── <viewname>/ # one or more renderer dirs
├── index.html
├── index.ts
└── index.css
GPU templates (wgpu, wgpu-mlp, wgpu-babylon, wgpu-threejs) skip the renderer dirs and use GpuWindow directly.
cd <project-name> && bun installapp.name, app.identifier, app.version in electrobun.config.tsbun start to verify the template runsbundleWGPU: true is set per platformbundleCEF: true is set per platformelectrobun init with no args to see the interactive picker with valid namesbun install fails → Ensure Bun ≥ 1.0. Run bun --versionelectrobun.config.ts views matches the directory name in src/