angular-single-app-architecture

Community

Keep Angular folders clean and import-safe

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, or pattern based on responsibility.
  • Lazy route feature organization: Ensures feature routes live in the owning feature folder as *.routes.ts and encourages lazy loading patterns.
  • Import-boundary enforcement guidance: Helps keep layout independent from feature implementation and promotes reuse via pattern, ui, or core instead 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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.