Frontend Angular – Clean Architecture + Standalone

Guide for creating and maintaining Angular frontends with features structure (vertical slice), standalone components, signals, and ng-zorro-antd.

When to use

• Add a new page/feature (new folder in pages/ with listing, form, service, models).
• Create component in shared/components/, directive in shared/directives/, pipe in shared/pipes/.
• Add service (HTTP, global state), guard, interceptor.
• Define or change routes in app.routes.ts.
• Review or refactor code to follow this skill's pattern.

When not to use

• AngularJS or legacy non-Angular projects.
• Codebases built on legacy NgModules without standalone components.
• Applications that use another design system as the primary UI kit (e.g., Angular Material).
• Library-only projects without routed pages or feature screens.