Electron skill

O Claude monta um app de desktop em Electron com os processos bem separados, comunicação segura e instalador pra Windows, Mac e Linux.

por partme-ai

instalações: 2.400
estrelas no GitHub: 713
No skills.sh desde: janeiro de 2026
Licença: Apache-2.0

Atualizada no GitHub em 6 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.

partme-ai
electron
O Claude monta um app de desktop em Electron com os processos bem separados, comunicação segura e instalador pra Windows, Mac e Linux.Auditada2.400 instalações, grátis

O que ela faz

A skill dá ao Claude um guia do Electron organizado igual à documentação oficial: instalação, processo principal, processo da tela (renderer), script de preload, comunicação entre eles (IPC), janelas, menus, ícone na bandeja do sistema, caixas de abrir e salvar arquivo, atualização automática e empacotamento.

Pra cada pedido, o Claude abre o exemplo do assunto e segue o padrão dele, e parte de modelos prontos pro processo principal, o preload, a tela e o package.json. Tem também uma referência das APIs principais: app, BrowserWindow, ipcMain, ipcRenderer, Menu, Tray e Dialog.

As boas práticas vêm na frente: nunca ligar o nodeIntegration na tela, passar a comunicação por preload e IPC e fechar janelas e ouvintes que sobram. Pra gerar o instalador, usa o Electron Forge ou o electron-builder, e a recomendação é testar em cada sistema onde o app vai rodar.

Nas palavras de quem fez

Build cross-platform desktop applications with Electron, covering main/renderer process architecture, IPC communication, BrowserWindow management, menus, tray…

partme-ai, no SKILL.md

Quando usar

Transformar uma ferramenta web interna em app de desktop
Criar um app com ícone na bandeja do sistema e menu próprio
Fazer a tela do app abrir e salvar arquivos no computador com segurança
Gerar o instalador pra Windows, Mac e Linux
Pôr atualização automática num app Electron que já existe

Depois de instalar, é só pedir assim

Cria um app de desktop em Electron que abre uma janela com meu painel de vendas
Coloca um ícone na bandeja do sistema com menu de abrir e sair
Empacota esse app Electron com o Electron Forge pra Windows e Mac

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

Gen Agent Trust HubPassou
SocketPassou
SnykPassou

Perguntas

Como instalar a Electron no Claude Code?

Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Electron, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.

O que a electron skill precisa pra funcionar?

Do Node.js instalado pra criar e rodar o app. Não pede chave de API nem conta paga. Os links da skill levam à documentação oficial do Electron na versão em chinês, mas o Claude trabalha com os exemplos e modelos que vêm na própria skill.

Roda no Codex e no Antigravity?

Roda: é um SKILL.md com exemplos, modelos e referência das APIs em Markdown, sem nada que dependa do Claude Code. Qualquer agente que lê arquivo e roda comando no terminal usa do mesmo jeito.

Ela serve pra app de celular?

Não. O Electron faz app de desktop pra Windows, macOS e Linux. App de celular fica fora do que a skill cobre.

Levar essa skill

1x electronR$ 0,00

TotalR$ 0,00

Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/partme-ai/full-stack-skills

Aprenda a usar

Criar site com IA: o passo a passo no Claude Code
Como eu crio site com IA pros clientes sem saber programar: no Claude Code, no Codex ou de graça no Antigravity. O passo a passo, sem cara de template.