architecture

Define and enforce Electron app architecture with process boundaries and directory conventions.

33|6|Updated Apr 8, 2026
One-click install
npx skills add https://github.com/gaogg521/1ONE-ClaudeCode --skill architecture-gaogg521
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: architecture
Source: https://github.com/gaogg521/1ONE-ClaudeCode/tree/main/.claude/skills/architecture
Command: npx skills add https://github.com/gaogg521/1ONE-ClaudeCode --skill architecture-gaogg521

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Architecture decisions for Electron multi-process projects can be complex and error-prone without a unified guide.

Core Features & Use Cases

  • Structured guidance on where UI, main logic, and bridges belong
  • Consistent conventions for directory layout, naming, and cross-process boundaries
  • Scalable guidance for adding new bridges, services, or workers across projects
  • Use Case: When starting a new Electron project, apply this skill to organize code into renderer, process, and shared layers with clear responsibilities.

Quick Start

Create a new Electron project skeleton with src/renderer for UI, src/process for main and services, and src/common for shared types following these guidelines.

Frequently Asked Questions about architecture

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure an Electron app to separate main process and renderer UI logic?

Structure an Electron app by organizing code into distinct layers: src/renderer for UI, src/process for main and services, and src/common for shared types. This enforces correct code placement and clear process boundaries.

What is the best way to organize IPC bridges and shared utilities in a multiprocess Electron project?

Organize IPC bridges and shared utilities in a multiprocess Electron project by applying consistent directory layout and naming conventions. Place cross-process communication logic in dedicated layers to ensure safe and organized boundaries.

How do I scale an Electron project architecture when adding new services or workers?

Scale an Electron project architecture by following structured guidance for adding new bridges, services, or workers. This ensures organized directory structure and safe cross-process communication during future expansions.

When do I need to enforce coding standards for Electron cross-process communication?

Enforce coding standards for Electron cross-process communication when starting a new project or expanding existing ones. It clarifies where UI, main logic, and bridges belong, preventing complex and error-prone architecture decisions.

Does this architecture guidance apply to both new and existing Electron app migrations?

Yes, this architecture guidance applies to both new and existing Electron app migrations. It guides future expansions and migrations by ensuring correct placement of code and responsibilities across renderer, process, and shared layers.