Menu
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.
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Baseado na classificação ocupacional SOC
| name | electrobun-dev |
| description | 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. |
| version | 1.0.0 |
electrobun dev # build (dev env) once, then launch app
electrobun dev --watch # build, launch, then watch for changes and rebuild+relaunch
Shorthand via package.json (standard templates):
bun start # → electrobun dev
bun run dev # → electrobun dev --watch
electrobun develectrobun.config.tsbuild.bun.entrypoint via Bun.build() in dev mode (no minify, sourcemaps inline)build.views.* entrypointbuild.copy files to build outputbuild/dev-<os>-<arch>/--watch)After initial build+launch, watch mode monitors:
build.bun.entrypointbuild.views.* entrypointbuild.watch (extra paths)build.copyDebounce: 300ms — rapid saves are coalesced into one rebuild.
Ignored automatically: build/, artifacts/, node_modules/, and patterns in build.watchIgnore.
On change: kills running app → rebuilds → relaunches.
// electrobun.config.ts
build: {
watch: ["src/shared/", "assets/"],
watchIgnore: ["src/**/*.test.ts", "src/**/*.spec.ts"],
}
When using renderer: "cef" or defaultRenderer: "cef", the CEF renderer exposes Chrome DevTools at:
http://localhost:9222
Open in any Chrome/Chromium browser while the app is running. Lists all active renderer pages — click to inspect.
Note: DevTools are only available in dev builds. They are not exposed in canary or stable.
For renderer: "native" (WKWebView), enable the developer extras:
// In src/bun/index.ts — call openDevTools() on the BrowserView instance
const view = new BrowserView({ ... });
view.openDevTools(); // Opens Safari Web Inspector (uses private WKWebView _inspector API)
Or in Safari: Develop → [Your App] → [webview name]
console.log from bun-side code appears in the terminal. Renderer-side console.log only appears in devtools (not terminal).console.log to request/message handlers to trace cross-process calls..ts source lines.build.watch rather than broad patterns.pkill -f "<AppName>"build/dev-macos-arm64/
└── <AppName>-dev.app/
└── Contents/
├── MacOS/
│ ├── launcher # native launcher
│ └── main.js # bundled bun entrypoint
├── Resources/
│ ├── <viewname>/ # bundled renderer
│ └── bun # bun runtime binary
└── Info.plist
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 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 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.
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.