Enforce modern Angular 21+ development patterns in Nuclia frontend monorepo.
npx skills add https://github.com/nuclia/frontend --skill angular-patterns
Please help me install this Agent Skill. Skill: angular-patterns Source: https://github.com/nuclia/frontend/tree/main/.claude/skills/angular-patterns Command: npx skills add https://github.com/nuclia/frontend --skill angular-patterns
This Skill helps developers adhere to the latest Angular best practices and patterns specifically adopted within the Nuclia frontend monorepo, ensuring consistency and maintainability.
inject(), standalone components, signal-based APIs (input(), output(), signal(), computed()), and functional guards.ChangeDetectionStrategy.OnPush and specific RxJS/Signal bridging techniques.Use the angular-patterns skill to create a new standalone component.
High-intent search queries and answers about installing and using this skill.
Angular OnPush change detection optimizes rendering by checking components only when inputs change or events fire. Combine it with signal-based APIs and computed() to ensure state updates trigger change detection predictably.
Bridge RxJS observables with Angular signals using specific interop techniques that convert observable streams into signal-based state. This pattern maintains consistency in state management while leveraging reactive streams for async operations.
Use functional guards for lazy routing by defining guard functions that return boolean or observable results, applying them directly to route configurations. This replaces class-based guards and aligns with modern Angular standalone component patterns.
Yes, standalone components are central to modern Angular 21+ development patterns. They replace NgModule declarations, work with inject() for dependencies, and pair with signal-based APIs for state management and OnPush change detection.
Use inject() instead of constructor injection to achieve cleaner component code, enable flexible dependency injection within methods, and align with Angular 21+ conventions. It supports standalone components and signal-based API patterns consistently.
omerspacConfigure OpenAI ChatKit in a Next.js frontend with authentication.
rnavarychImplement Angular standalone components, signals, and NgRx state management.
nguyenthienthanhOptimize Angular 17+ components and state management with signals and RxJS.
crozzbiteEnforce modern Angular v17+ architecture with standalone components and zoneless bootstrapping.