AgentSkillsCN

Architecture

Angular 项目结构、功能模块与懒加载的标准。

SKILL.md
--- frontmatter
name: Architecture
description: Standards for Angular project structure, feature modules, and lazy loading.
metadata:
  labels: [angular, architecture, structure, modules]
  triggers:
    files: ['angular.json', 'src/app/**']
    keywords: [angular folder structure, feature module, core module]

Angular Architecture

Priority: P0 (CRITICAL)

Principles

  • •Feature-Based: Organize by feature, not type (e.g., features/dashboard/ containing components, services, and models).
  • •Standalone First: Use Standalone Components/Pipes/Directives. Eliminate NgModule unless interacting with legacy libs.
  • •Core vs Shared:
    • •core/: Global singletons (AuthService, Interceptors).
    • •shared/: Reusable UI components, pipes, utils (Buttons, Formatters).
  • •Smart vs Dumb:
    • •Smart (Container): Talks to services, manages state.
    • •Dumb (Presentational): Inputs/Outputs only. No logic.

Guidelines

  • •Lazy Loading: All feature routes MUST be lazy loaded using loadComponent or loadChildren.
  • •Flat Modules: Avoid deep nesting of modules.
  • •Barrel Files: Use carefully. Prefer direct imports for better tree-shaking in some build tools (though modern bundlers handle barrels well).

References