Purpose

Teaches Claude Angular-specific integration patterns for CometChat — how to wire init into Angular's bootstrap lifecycle, lazy-load the chat module, protect chat routes with guards, handle SSR/Universal, and integrate with Angular Material. Assumes a working base integration (see cometchat-angular-core + cometchat-angular-placement).

Read cometchat-angular-core and cometchat-angular-placement first — this skill builds on top of the base integration.

Ground truth: docs/ui-kit/angular/getting-started, Angular Router docs, @cometchat/chat-uikit-angular@4.x exports.

1. APP_INITIALIZER pattern (production-grade init)

For production apps, use Angular's APP_INITIALIZER token to ensure CometChat is initialized before the app renders any component. This is cleaner than calling init() in AppComponent.ngOnInit().

cometchat-angular-patterns

Purpose

1. APP_INITIALIZER pattern (production-grade init)