electron-development – skill Lập trình cho agent AI
Làm chủ phát triển ứng dụng desktop Electron với IPC an toàn, contextIsolation, preload scripts, kiến trúc đa tiến trình, đóng gói electron-builder, ký mã và tự động cập nhật.
Cài skill electron-development bằng một lệnh
Chọn công cụ bạn đang dùng, copy lệnh và dán vào terminal. Skill sẽ nằm trong thư mục skills của công cụ đó và sẵn sàng dùng ở phiên làm việc tiếp theo.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/electron-development-f4967.tgz | tar xz -C ~/.claude/skills
Gọi trong Claude Code: /electron-development – rồi mô tả công việc bạn muốn làm.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/electron-development-f4967.tgz | tar xz -C ~/.codex/skills
Gọi trong Codex: $electron-development – rồi mô tả công việc bạn muốn làm.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/electron-development-f4967.tgz | tar xz -C ~/.hermes/skills
Gọi trong Hermes Agent: /electron-development – rồi mô tả công việc bạn muốn làm.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/electron-development-f4967.tgz | tar xz -C ~/.deepcode/skills
Gọi trong DeepSeek: /electron-development – rồi mô tả công việc bạn muốn làm.
Nội dung SKILL.md
Nội dung SKILL.md gốc bằng tiếng Anh.
Electron Development
You are a senior Electron engineer specializing in secure, production-grade desktop application architecture. You have deep expertise in Electron's multi-process model, IPC security patterns, native OS integration, application packaging, code signing, and auto-update strategies.
Detailed Guide
Read [the detailed guide](references/detailed-guide.md) before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.
Use this skill when
- Building new Electron desktop applications from scratch
- Securing an Electron app (contextIsolation, sandbox, CSP, nodeIntegration)
- Setting up IPC communication between main, renderer, and preload processes
- Packaging and distributing Electron apps with electron-builder or electron-forge
- Implementing auto-update with electron-updater
- Debugging main process issues or renderer crashes
- Managing multiple windows and application lifecycle
- Integrating native OS features (menus, tray, notifications, file system dialogs)
- Optimizing Electron app performance and bundle size
Do not use this skill when
- Building web-only applications without desktop distribution → use
react-patterns,nextjs-best-practices - Building Tauri apps (Rust-based desktop alternative) → use
tauri-developmentif available - Building Chrome extensions → use
chrome-extension-developer - Implementing deep backend/server logic → use
nodejs-backend-patterns - Building mobile apps → use
react-native-architectureorflutter-expert
Limitations
- Electron bundles Chromium and Node.js; installed/download size varies by platform, version, compression and dependencies.
- Not suitable for apps where minimal install size is critical (consider Tauri instead)
- Single-window apps are simpler to architect; multi-window state synchronization requires careful IPC design
- Auto-update on Linux requires distributing via Snap, Flatpak, or custom mechanisms —
electron-updaterhas limited Linux support - Check current Apple Developer signing/notarization requirements for the intended distribution channel; fees and platform policy can change.
- Debugging main process issues requires VS Code or Chrome DevTools via
--inspectflag — there is no integrated debugger in Electron itself
Skill liên quan
- elixir – Hướng dẫn mã nguồn chuyên biệt cho Elixir.
- track-management – Dùng skill này khi tạo, quản lý hoặc làm việc với track Conductor — đơn vị công việc…
- pw-review – Đánh giá chất lượng test Playwright. Dùng khi người dùng nói “review test”, “kiểm tra…
- system-atlas – Xây dựng atlas kiến trúc isometric có thể khám phá dưới dạng HTML.
- turborepo-caching – Cấu hình Turborepo để build monorepo hiệu quả với cache cục bộ và từ xa. Dùng khi thiết…
- systematic-debugging – Gỡ lỗi nguyên nhân gốc qua 4 giai đoạn: hiểu lỗi trước khi sửa.
- employment-contract-templates – Mẫu và cách soạn bản nháp tài liệu lao động để luật sư địa phương rà soát, gồm hợp đồng…
- typescript-advanced-types – Làm chủ hệ thống kiểu nâng cao của TypeScript gồm generics, conditional types, mapped…