electron-development · davila7 — скилл для Claude Code: безопасный Electron
Скилл для разработки десктопных приложений на Electron: изоляция контекста, безопасный IPC, сборка через electron-builder и автообновление.
npx claude-code-templates@latest --skill web-development/electron-developmentЧто делает electron-development
Скилл превращает Claude в старшего инженера по Electron. Он разбирает структуру проекта и границы между процессами, а дальше требует жёстких настроек безопасности: contextIsolation: true, nodeIntegration: false, sandbox: true. Связь между main и renderer идёт только через preload с явным белым списком каналов — так вызовы вроде file:save или update:progress не превращаются в дыру.
Внутри описан рабочий цикл: анализ проекта, включение безопасных значений, проектирование IPC-каналов, сборка и проверка по чек-листу перед релизом. Отдельно разобраны упаковка через electron-builder или electron-forge, подпись кода и автообновление через electron-updater. Есть раздел с типовой раскладкой файлов: src/main, src/preload, src/renderer, src/shared.
Скилл не для веба без десктопной сборки и не для Tauri — для этих случаев в нём прямо названы другие скиллы. Если в проекте уже стоит nodeIntegration: true или contextIsolation: false, при первом же проходе это всплывёт: такие настройки открывают renderer для удалённого выполнения кода через XSS.
Какие задачи решает
- включить безопасные настройки BrowserWindow в существующем приложении
- спроектировать IPC-каналы с белым списком в preload
- собрать и подписать дистрибутив через electron-builder
- настроить автообновление через electron-updater
- разложить проект по процессам main, preload и renderer
Примеры запросов агенту
- Проверь настройки
webPreferencesвsrc/main/main.tsи включи безопасные значения - Сделай preload-скрипт с белым списком каналов для сохранения и открытия файлов
- Настрой electron-builder и автообновление для приложения
Как установить electron-development
1Через claude-code-templates
npx claude-code-templates@latest --skill web-development/electron-development2Через Skills CLI (Vercel)
npx skills add davila7/claude-code-templates --skill electron-development -a claude-code3Вручную: положить файлы
~/.claude/skills/electron-development/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/electron-development/
Вручную: положить файлы
.agents/skills/electron-development/SKILL.mdДля всех проектов — ~/.agents/skills/
Вручную: положить файлы
.cursor/skills/electron-development/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install davila7/claude-code-templates electron-development2Вручную: положить файлы
.github/skills/electron-development/SKILL.mdКомандой платформы
gemini skills install https://github.com/davila7/claude-code-templates --path cli-tool/components/skills/web-development/electron-developmentВручную: положить файлы
.devin/skills/electron-development/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Claude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о electron-development
Как установить electron-development в Claude Code?
Через шаблоны: npx claude-code-templates@latest --skill web-development/electron-development. Второй способ — npx skills add davila7/claude-code-templates --skill electron-development -a claude-code.
Что делает electron-development?
Помогает строить и защищать десктопные приложения на Electron: настройки BrowserWindow, IPC через preload, упаковка, подпись кода и автообновление.
Для каких проектов скилл не подходит?
Для веб-приложений без десктопной сборки, для Tauri, Chrome-расширений и мобильных приложений. В этих случаях скилл сам отсылает к другим.
Похожие скиллы
Все скиллы по теме «Языки программирования» →Сначала — electron-development от других авторов.
