Spotpatch
huanglvjing/spotpatch
为 React 项目建立从浏览器页面元素到精确 JSX/TSX 源码、结构化上下文与可审阅修改的 SpotPatch 工作流。用户提到 SpotPatch、截图沟通前端修改、页面元素定位源码、Vite 或 Next.js 接入、组件数据链路、结构化 Prompt、AI 补丁审阅、安装检查或故障排查时使用此技能。
Expert guide for Electron development with Electron Vite and Electron Builder.
No licenceAuto-check passed
Install Electron Dev
$ npx skills add pedronauck/skills --skill electron-dev -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install pedronauck/skills electron-dev --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/pedronauck/skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/curated/electron-dev .claude/skills/electron-dev && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "electron-dev" agent skill from https://github.com/pedronauck/skills/tree/main/skills/curated/electron-dev into .claude/skills/electron-dev/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "electron-dev", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/pedronauck/skills/tree/main/skills/curated/electron-devType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add pedronauck/skills --skill electron-dev -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install pedronauck/skills electron-dev --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/pedronauck/skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/curated/electron-dev .agents/skills/electron-dev && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "electron-dev" agent skill from https://github.com/pedronauck/skills/tree/main/skills/curated/electron-dev into .agents/skills/electron-dev/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "electron-dev", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add pedronauck/skills --skill electron-dev -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install pedronauck/skills electron-dev --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/pedronauck/skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/curated/electron-dev .cursor/skills/electron-dev && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "electron-dev" agent skill from https://github.com/pedronauck/skills/tree/main/skills/curated/electron-dev into .cursor/skills/electron-dev/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "electron-dev", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/pedronauck/skills.git --path skills/curated/electron-dev--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add pedronauck/skills --skill electron-dev -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install pedronauck/skills electron-dev --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/pedronauck/skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/curated/electron-dev .gemini/skills/electron-dev && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "electron-dev" agent skill from https://github.com/pedronauck/skills/tree/main/skills/curated/electron-dev into .gemini/skills/electron-dev/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "electron-dev", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install pedronauck/skills electron-devInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add pedronauck/skills --skill electron-dev -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/pedronauck/skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/curated/electron-dev .github/skills/electron-dev && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "electron-dev" agent skill from https://github.com/pedronauck/skills/tree/main/skills/curated/electron-dev into .github/skills/electron-dev/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "electron-dev", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add pedronauck/skills --skill electron-dev -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install pedronauck/skills electron-dev --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/pedronauck/skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/curated/electron-dev .opencode/skills/electron-dev && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "electron-dev" agent skill from https://github.com/pedronauck/skills/tree/main/skills/curated/electron-dev into .opencode/skills/electron-dev/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "electron-dev", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
electron-dev- GitHub stars
- 633
- Token cost
- ~1.4k tokens
- SKILL.md length
- 346 words
- Files
- 2 (incl. references)
- Skills in repo
- 65
- Repo updated
- First seen
- Licence
- None found
At a glance
Expert guide for Electron development with Electron Vite and Electron Builder.
- Works in 3 steps: Core Rules: For detailed Electron… → Security: Always enable… → Architecture: Main process handles…
- Developing Electron applications
- SKILL.md covers Quick Start, Process Architecture, Security Checklist and IPC Communication, plus 4 more sections
- Calls pnpm
What it does
Electron Dev is an agent skill from pedronauck/skills. Expert guide for Electron development with Electron Vite and Electron Builder. Use when developing Electron applications, working with main/renderer processes, IPC communication, preload scripts, security configuration, native module handling, or build/distribution setup.
Its SKILL.md is about 1.4k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including reference files (for example `references/patterns.md`).
It works with Vite, Electron and Node.js. The repository describes itself as: My personal favorite skills.
When your agent uses it
- Developing Electron applications
- Working with main/renderer processes
- IPC communication
- Preload scripts
Example prompts
- “/electron-dev”
Requirements
- Node.js
- Pre-approved tools (allowed-tools): Read, Grep, Glob
Workflow steps
3 steps, taken from the first numbered list in SKILL.md.
- Core Rules: For detailed Electron development patterns and guidelines, refer to references/patterns.md within this skill.
- Security: Always enable contextIsolation, sandbox, and disable nodeIntegration.
- Architecture: Main process handles Node.js operations; renderer focuses on UI; preload bridges them securely.
What it can do on your machine
Read from SKILL.md and the folder at commit 0422940. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves these tools, so the agent can use them without asking each time:
ReadGrepGlob
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
pnpm
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use pnpm, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Electron Dev loads about 1.4k tokens when it runs, and up to ~6.3k if it reads all its reference files. Until then it costs about 71 tokens; SKILL.md has 346 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 346 words (~1,357 tokens).
“This skill provides guidelines, patterns, and best practices for building production-grade Electron applications using Electron Vite and Electron Builder.”
- name
- electron-dev
- allowed-tools
- Read, Grep, Glob
Files
SKILL.md and 1 other file (references) in skills/curated/electron-dev of pedronauck/skills.
- SKILL.md
- references/patterns.md
Open the folder on GitHubat commit 0422940
Compare with similar skills
Electron Dev next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Electron Dev this skillpedronauck/skills | 633 | — | ~1.4k | Automated safety check: Pass | None | |
| Spotpatchhuanglvjing/spotpatch | 134 | — | ~998 | Automated safety check: Pass | MIT | |
| Daytona Dev EnvironmentDevin-AXIS/iPolloWork | 6.7k | — | ~1.5k | Automated safety check: Pass | Custom licence | |
| Unit Testingpodman-desktop/extension-bootc | 474 | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | |
| Arkenvyamcodes/arkenv | 145 | — | ~2.5k | Automated safety check: Pass | MIT | |
| Upgrade Runtime StackPackmindHub/packmind | 317 | — | ~2.2k | Automated safety check: Pass | Apache-2.0 |
Similar skills
Daytona Dev Environment
Devin-AXIS/iPolloWork
Launches the iPolloWork Electron app inside a Daytona cloud sandbox with a noVNC desktop, and points to focused skills for server, Chrome, secrets and recordings.
Unit Testing
podman-desktop/extension-bootc
Guides writing and maintaining Vitest unit tests for the bootc extension's backend, frontend, and shared packages.
Arkenv
yamcodes/arkenv
Answer questions about ArkEnv and help implement environment variable validation.
Upgrade Runtime Stack
PackmindHub/packmind
Check whether newer stable versions of Node.js (24.x line), Nx, or Vite are available and, if so, generate a detailed upgrade plan markdown file at the repo root.
Typescript Skills
llama-farm/llamafarm
Shared TypeScript best practices for Designer and Electron subsystems.
More from pedronauck/skills
All 65 skills in this repoDeep Review
pedronauck/skills
Review branch diffs, working trees, or PRs in depth with defect, polish and cross-contract coverage.
Yc Apply
pedronauck/skills
Prepare, review, and package Y Combinator application answers and founder-video notes using the live form and verified founder facts.
Professional Communication
pedronauck/skills
Guide technical communication for software developers. An agent skill from pedronauck/skills.
Tauri V2
pedronauck/skills
Tauri v2+ cross-platform app development with Rust backend. An agent skill from pedronauck/skills.
Hormozi Ad Factory
pedronauck/skills
Generates 150-750+ ad variations using Alex Hormozi's combinatorial Hook x Meat x CTA framework.
Yt Master
pedronauck/skills
Plans and improves YouTube ideas, titles, thumbnail concepts, scripts, retention, channel strategy, and metric-based diagnosis.
Related
Questions about Electron Dev
What does Electron Dev do?
Expert guide for Electron development with Electron Vite and Electron Builder. Electron Dev is an agent skill from pedronauck/skills. Expert guide for Electron development with Electron Vite and Electron Builder.
When should I use Electron Dev?
Electron Dev fits situations like: developing Electron applications; working with main/renderer processes; IPC communication; preload scripts.
How do I install Electron Dev in Claude Code?
Run `npx skills add pedronauck/skills --skill electron-dev -a claude-code`. Or copy the skill folder (skills/curated/electron-dev in pedronauck/skills) into .claude/skills/electron-dev in your project. Claude Code loads it when a task matches its description.
How do I install Electron Dev in Codex?
Run `npx skills add pedronauck/skills --skill electron-dev -a codex`. Or copy the skill folder (skills/curated/electron-dev in pedronauck/skills) into .agents/skills/electron-dev in your project. Codex loads it when a task matches its description.
Can I use Electron Dev in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add pedronauck/skills --skill electron-dev -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/electron-dev, .gemini/skills/electron-dev, .github/skills/electron-dev and .opencode/skills/electron-dev in your project.
What does Electron Dev need to run?
Going by SKILL.md and its folder, Electron Dev needs the command-line tools its instructions call (pnpm). Our summary lists: Node.js. Its frontmatter pre-approves these tools: Read, Grep, Glob.
Does Electron Dev access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Electron Dev safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Electron Dev use?
No licence was found for Electron Dev or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Electron Dev use?
About 1.4k tokens (SKILL.md is roughly 5.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 5k tokens, read only when the agent opens those files.
What are the alternatives to Electron Dev?
Skills that share tags, products or a category with Electron Dev: Spotpatch (huanglvjing/spotpatch, 134 stars), Daytona Dev Environment (Devin-AXIS/iPolloWork, 6.7k stars), Unit Testing (podman-desktop/extension-bootc, 474 stars) and Arkenv (yamcodes/arkenv, 145 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Electron Dev?
pedronauck (a GitHub user) maintains it in pedronauck/skills, which has 633 GitHub stars. The repository holds 65 skills in this directory. The repository was last updated on September 14, 2026.
Source: pedronauck/skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.