angular-single-app-architecture
CommunityKeep Angular folders clean and import-safe
Software Engineering#architecture#refactoring#angular#folder-structure#import-boundaries#lazy-routing#standalone-first
Authormnkyjs
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It prevents Angular projects from drifting into unstructured shared/-style code by enforcing a strict src/app architecture with clear responsibilities and one-way dependency boundaries.
Core Features & Use Cases
- Architecture area classification: Directs new or moved code into
core,layout,ui,feature, orpatternbased on responsibility. - Lazy route feature organization: Ensures feature routes live in the owning feature folder as
*.routes.tsand encourages lazy loading patterns. - Import-boundary enforcement guidance: Helps keep
layoutindependent fromfeatureimplementation and promotes reuse viapattern,ui, orcoreinstead of cross-feature implementation imports.
Quick Start
Ask your AI to refactor your src/app structure by moving misplaced components/services/routes into core, layout, ui, feature, or pattern, and to rewrite any violating imports so layout does not depend on feature.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: angular-single-app-architecture Download link: https://github.com/mnkyjs/angular-single-app-architecture/archive/main.zip#angular-single-app-architecture Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.