Does it support Angular Material and UI testing?

Yes, it includes guidance for Angular Material/CDK implementation and writing robust tests using Component Harnesses and TestBed.

Can it help with complex state management?

Yes, it provides deep expertise in NgRx (Global Store and SignalStore), ComponentStore, and signal-based state management patterns.

Which versions of Angular does this skill support?

This skill is optimized for modern Angular (v14+), focusing on standalone components, Signals, and functional patterns, though it can assist with legacy versions.

How does it handle RxJS logic?

It helps select the correct mapping operators (switchMap, exhaustMap, etc.), manage subscriptions with takeUntilDestroyed, and implement marble testing for streams.

Angular Expert

Name: Angular Expert
Author: rnavarych

byrnavarych

•

Design Tools

Builds and optimizes modern Angular applications using standalone components, signals, and reactive state management.

This skill transforms Claude into a senior Angular architect specializing in the modern ecosystem of Angular 14 and above. It provides expert guidance on migrating legacy codebases to standalone architectures, implementing fine-grained reactivity with Signals, and managing complex state using NgRx or ComponentStore. Whether you are architecting functional routing guards, debugging complex RxJS mapping operators, or optimizing performance with OnPush detection and zoneless strategies, this skill ensures your frontend code follows the latest industry best practices and performance standards.

Key Features

01Standalone component architecture and NgModule migration strategies

02Performance optimization through OnPush, zoneless detection, and @defer blocks

0311 GitHub stars

04Advanced RxJS stream management and higher-order mapping operators

05Dependency injection patterns using the inject() function and InjectionTokens

06Fine-grained reactivity using Angular Signals, computed, and effects

Use Cases

01Implementing robust state management using NgRx SignalStore or Global Store patterns

02Architecting functional routing systems with lazy-loaded components and functional guards

03Refactoring legacy NgModule-based applications to modern standalone component structures

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add rnavarych/alpha-engineer angular-expert

For use in Claude.ai and ChatGPT

Key Features

01Standalone component architecture and NgModule migration strategies

02Performance optimization through OnPush, zoneless detection, and @defer blocks

0311 GitHub stars

04Advanced RxJS stream management and higher-order mapping operators

05Dependency injection patterns using the inject() function and InjectionTokens

06Fine-grained reactivity using Angular Signals, computed, and effects

Use Cases

01Implementing robust state management using NgRx SignalStore or Global Store patterns

02Architecting functional routing systems with lazy-loaded components and functional guards

03Refactoring legacy NgModule-based applications to modern standalone component structures

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add rnavarych/alpha-engineer angular-expert

For use in Claude.ai and ChatGPT