Angular Best Practices Ngrx

This is the NgRx companion to alfredoperez's core Angular skill, focused specifically on Redux-style state management. It enforces things like keeping reducers pure, using memoized selectors, and properly structuring actions and effects. Only activates when you're actually working with @ngrx/store, @ngrx/effects, or @ngrx/entity files, so it won't interfere if you're using Akita or NGXS. The rule set is straightforward: two main rules covering pure reducers and feature selectors, both backed by HIGH and MEDIUM impact ratings. If you're doing serious Angular work with global state, you probably want both this and the core skill installed together.

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

View on GitHub

Install

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

Installs into .claude/skills of the current project.

Files

Angular NgRx Best Practices

NgRx state management rules for global state with actions, reducers, effects, and selectors. Use with the core angular-best-practices skill for comprehensive Angular coverage.

When to Apply

Adding or modifying NgRx stores, reducers, or effects
Writing selectors for state selection in components
Managing collections with @ngrx/entity

Rules

Rule	Impact	Description
Keep Reducers Pure	HIGH	No side effects in reducers; move HTTP calls to Effects
Use Feature Selectors	MEDIUM	Memoized selectors that recompute only when inputs change