Electron App Dev

🌐Community
by aaaaqwq · vlatest · Repository

Generates basic Electron app scaffolding, including package.json and initial HTML/JavaScript files, from simple text prompts.

Install on your platform

We auto-selected Claude Code based on this skill’s supported platforms.

1

Run in terminal (recommended)

terminal
claude mcp add electron-app-dev npx -- -y @trustedskills/electron-app-dev
2

Or manually add to ~/.claude/settings.json

~/.claude/settings.json
{
  "mcpServers": {
    "electron-app-dev": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/electron-app-dev"
      ]
    }
  }
}

Requires Claude Code (claude CLI). Run claude --version to verify your install.

About This Skill

What it does

This skill enables AI agents to develop applications using Electron, a framework for creating desktop apps with web technologies. It allows agents to build cross-platform applications for Windows, macOS, and Linux from a single codebase. The resulting applications are packaged as standalone executables, providing native app experiences.

When to use it

  • Cross-Platform Desktop App Development: You need an application that runs on multiple operating systems without requiring separate codebases.
  • Web Technologies for Desktop: You want to leverage existing web development skills (HTML, CSS, JavaScript) to build desktop applications.
  • Packaging Web Applications: You have a web application and need to distribute it as a native desktop app.
  • Creating Native Menus & Features: You require access to operating system-specific features and menus within your application.

Key capabilities

  • Electron framework integration
  • Cross-platform build support (Windows, macOS, Linux)
  • Packaging into standalone executables
  • Native menu implementation

Example prompts

  • "Create an Electron app with a simple window displaying 'Hello World'."
  • "Build an Electron application that fetches data from this API endpoint and displays it in a table."
  • “Generate the boilerplate code for an electron app using React.”

Tips & gotchas

  • Electron development requires familiarity with web technologies (HTML, CSS, JavaScript).
  • Debugging Electron apps can be complex; use developer tools provided by Chromium.

Tags

🛡️

TrustedSkills Verification

Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.

Security Audits

Gen Agent Trust HubPass
SocketPass
SnykPass

Details

Version
vlatest
License
Author
aaaaqwq
Installs
19

🌐 Community

Passed automated security scans.