electron-builder — Claude Code skill: what it does, how to install
Guides the agent through configuring Electron app packaging, platform targets, code signing, and auto-updates. Useful for release workflows.
npx skills add pedronauck/skills --skill electron-builder -a claude-codeWhat electron-builder does
This skill guides coding agents through setting up electron-builder version 26.x. It helps write configurations in YAML or JSON, define installer targets like NSIS, DMG, or AppImage, and run build commands across target architectures.
The skill covers signing keys, notarization setup for macOS, and Azure Trusted Signing for Windows. When integrating electron-updater, it enforces the correct ESM import syntax and prevents manual calls to setFeedURL.
Never name your configuration file electron-builder.js because Node.js confuses it with the package itself. Keep it in electron-builder.yml instead.
What it helps with
- configure
electron-builder.ymlfor multi-platform distribution - configure macOS code signing and notarization credentials
- integrate update checks with
electron-updaterin ESM projects - set up artifact publishing targets for GitHub Releases and S3
Example prompts for the agent
- Generate an electron-builder.yml config for Windows NSIS and macOS DMG.
- How do I configure macOS notarization using environment variables?
- Show me how to initialize electron-updater without breaking ESM imports.
How to install electron-builder
1Skills CLI (Vercel)
npx skills add pedronauck/skills --skill electron-builder -a claude-code2Manually: put the files in place
~/.claude/skills/electron-builder/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/electron-builder/
1Skills CLI (Vercel)
npx skills add pedronauck/skills --skill electron-builder -a codex2Manually: put the files in place
.agents/skills/electron-builder/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add pedronauck/skills --skill electron-builder -a cursor2Manually: put the files in place
.cursor/skills/electron-builder/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install pedronauck/skills electron-builder2Manually: put the files in place
.github/skills/electron-builder/SKILL.md1Skills CLI (Vercel)
npx skills add pedronauck/skills --skill electron-builder -a gemini-cli2Platform CLI
gemini skills install https://github.com/pedronauck/skills --path skills/curated/electron-builderManually: put the files in place
.devin/skills/electron-builder/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add pedronauck/skills --skill electron-builder -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about electron-builder
How to install electron-builder in Claude Code?
Run npx skills add pedronauck/skills --skill electron-builder -a claude-code. This registers the packaging guide directly in your assistant environment.
What does the electron-builder skill do?
It supplies build configuration patterns, CLI flags, and signing rules for desktop distribution. The agent uses it to avoid packaging mistakes.
Why should the config file avoid the electron-builder.js filename?
Naming the config file electron-builder.js creates a module resolution conflict with the package name. Use electron-builder.yml or a .ts file instead.
