architecture-angular

Gera todos os elementos da camada Core de uma solução Angular com SignalR, RxJS e NgRx. Use sempre que o usuário mencionar "criar core Angular", "camada core", "core service", "core hub", "SignalR Angular", "interceptor Angular", "guard Angular", "resolver Angular", "http service Angular", "error handler Angular", "model Angular", "interface Angular", "criar estrutura core", "core module", "base service", "base hub". Também dispara quando o usuário pedir para criar qualquer um destes itens: CoreService, CoreHubService, HttpService, Interceptor, Guard, Resolver, ErrorHandler, Model ou Interface em contexto Angular. NÃO use para camadas de Feature ou Shared — apenas para a camada Core.

Gera todos os elementos da camada Feature de uma solução Angular com NgRx, RxJS, Signals e Reactive Forms. Use sempre que o usuário mencionar "criar feature Angular", "camada feature", "smart component", "dumb component", "feature component", "feature page", "feature store", "NgRx feature", "actions Angular", "reducers Angular", "effects Angular", "selectors Angular", "reactive form Angular", "feature service", "feature routing", "lazy load Angular", "rota feature", "criar módulo feature". Também dispara quando o usuário pedir para criar qualquer um destes itens: SmartComponent, DumbComponent, FeaturePage, NgRxStore, Actions, Reducers, Effects, Selectors, ReactiveForm, FeatureService, FeatureRouting em contexto Angular. NÃO use para a camada Core (use angular-core-layer) ou Shared — apenas para Features isoladas e lazy loaded.

Guia completo de RxJS aplicado em todas as camadas de uma solução Angular. Use sempre que o usuário mencionar "RxJS", "Observable", "Subject", "BehaviorSubject", "ReplaySubject", "operadores RxJS", "pipe RxJS", "switchMap", "mergeMap", "concatMap", "exhaustMap", "combineLatest", "forkJoin", "withLatestFrom", "debounceTime", "distinctUntilChanged", "takeUntilDestroyed", "shareReplay", "catchError", "retry", "scan", "reduce", "zip", "race", "fromEvent", "interval", "timer", "of", "from", "EMPTY", "NEVER", "stream reativo", "programação reativa Angular", "rxjs Angular", "cancelar requisição", "requisições paralelas", "encadear observables", "erro em observable", "memory leak Angular", "unsubscribe Angular", "toSignal", "interop signal observable". Também dispara quando o usuário tiver dúvidas sobre qual operador usar para um cenário específico, como "como cancelar requisição anterior", "como combinar dois observables", "como lidar com erro sem cancelar stream", "como fazer debounce de input". NÃO substitui as skills de camada (core, feature, shared) — complementa mostrando como RxJS funciona em cada uma delas.

Gera todos os elementos da camada Shared de uma solução Angular: Dumb Components reutilizáveis, Pipes customizados, Directives de comportamento e integração com bibliotecas de UI (Angular Material, PrimeNG, Tailwind). Use sempre que o usuário mencionar "shared component", "componente compartilhado", "dumb component shared", "pipe Angular", "pipe customizado", "directive Angular", "directive de comportamento", "UI library Angular", "Angular Material", "PrimeNG", "Tailwind Angular", "criar pipe", "criar directive", "criar componente reutilizável", "camada shared", "shared module", "componente de apresentação", "componente sem lógica". Também dispara quando o usuário pedir para criar qualquer um destes itens: ButtonComponent, CardComponent, ModalComponent, TableComponent, BadgeComponent, AvatarComponent, SpinnerComponent, EmptyStateComponent, DatePipe, CurrencyPipe, TruncatePipe, ClickOutsideDirective, AutoFocusDirective, InfiniteScrollDirective, TooltipDirective. NÃO use para componentes com lógica de negócio ou acesso à Store (use angular-feature-layer) nem para serviços singleton (use angular-core-layer).