Electron Architecture

Electron Architecture is a Quality skill for Claude Code, published by iOfficeAI in AionUi.

32K stars3.3K forkson iOfficeAI/AionUiAdded 2026/08/14Repository updated 2026/08/14

acpagent-teamaiai-agentchatchatbotclaude-codeclawdbotcodexcoworkgeminigemini-clihermesllmnano-bananaofficeopenclawopencodeskillswebui

Install in seconds

Install Electron Architecture

Copy Electron Architecture into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/iOfficeAI/AionUi/tree/main/.claude/skills/architecture ~/.claude/skills/architecture

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/iOfficeAI/AionUi.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: .claude/skills/architecture/SKILL.md in iOfficeAI/AionUi
Installs to: ~/.claude/skills/architecture
Collection: One of 6 skills cataloged from this repository
Category: Quality — 1354 skills

What Electron Architecture does

Electron Architecture provides file structure conventions and process boundary rules for an Electron multi-process project. Use it when creating new files, deciding where code goes, converting components to directories, or reviewing structure compliance.

Electron Architecture is cataloged under Quality on DirSkills. Electron Architecture comes from a repository tagged acp, agent-team, ai, ai-agent and chat.

Documentation

README

Excerpt

Architecture Skill

Determine correct file placement and structure for an Electron multi-process project.

Detailed References

Renderer layer (components, hooks, utils, pages, CSS): references/renderer.md
Main process & shared layer (bridges, services, worker, preload): references/process.md
Project root & monorepo layout (directory structure, migration status): references/project-layout.md

Decision Tree — Where Does New Code Go?

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Electron Architecture

What else does iOfficeAI publish alongside Electron Architecture?
Electron Architecture is one of 6 skills that DirSkills catalogs from iOfficeAI/AionUi, the repository it ships in. Its siblings there include Bump Version, E2E Coding and E2E Test. Each one is a separate skill with its own page in this directory, installs the same way Electron Architecture does, and is maintained by iOfficeAI in that same repository. The rest of the collection is listed on the iOfficeAI/AionUi page.
How does Electron Architecture compare to other Quality skills?
Electron Architecture ranks #89 by stars among the 1354 Quality skills in this catalog. The most-starred ones next to it are Benchmark, Benchmark Optimization Loop and API Design Patterns. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Electron Architecture against them. Open each page to compare what they document and how they install.