Angular Best Practices Signalstore

If you're using NgRx SignalStore instead of the classic Store pattern, this gives Claude the guardrails for that specific API. It covers rxMethod for side effects, withEntities for collection management, and withComputed for derived state. The author explicitly scopes it to @ngrx/signals work and tells you to skip it if you're still on class-based services or traditional NgRx Store. It's meant to pair with the core angular-best-practices skill, so you're really looking at a two-skill setup for full coverage. Solid if you've committed to signal-based state management and want Claude to follow the same patterns you're enforcing in code review.

skills.sh installs: 579
GitHub stars: 36
last updated: Jun 3, 2026

View on GitHub

Install

$ npx -y skills add alfredoperez/angular-best-practices --skill angular-best-practices-signalstore --agent claude-code

Installs into .claude/skills of the current project.

Files

Angular SignalStore Best Practices

NgRx SignalStore rules for signal-based local and feature state management. Use with the core angular-best-practices skill for comprehensive Angular coverage.

When to Apply

Creating or modifying SignalStore-based state management
Integrating RxJS side effects with rxMethod
Managing collections with withEntities

Rules

Rule	Impact	Description
Use rxMethod for RxJS Integration	MEDIUM	Debounce, switchMap, and other RxJS operators in stores
Use SignalStore for Shared State	HIGH	Signal-based reactivity without full NgRx overhead
Use withComputed for Derived State	MEDIUM	Centralized memoized derivation logic
Use withEntities for Collections	MEDIUM	O(1) lookups and standardized CRUD operations