angular-state-management

Master modern Angular state management with Signals, NgRx, and RxJS. Use when setting up global state, managing component stores, choosing between state solutions, or migrating from legacy patterns.

1.50x

Quality

83%

Does it follow best practices?

Impact

99%

1.50x

Average score across 3 eval scenarios

Securityby

Passed

No findings from the security scan

The canonical home for this skill is angular-state-management in sickn33/agentic-awesome-skills

Quality

Content

78%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A thorough, highly actionable catalog of Angular state-management patterns with executable code and a clear selection guide. Its main weaknesses are length/redundancy and the absence of progressive disclosure — everything lives in one monolithic file rather than being split into reference files.

Suggestions

Move the detailed NgRx feature-slice walkthrough (actions/reducer/selectors/effects) and the migration/bridging examples into separate reference files under references/, leaving SKILL.md as a concise overview with one-level-deep links.

Consolidate the overlapping signal + HTTP + loading/error pattern (UserStore Pattern 2 and ProductApiService) into a single canonical example to reduce redundancy and token cost.

Add an explicit short workflow at the top (1. classify state category → 2. apply Selection Criteria → 3. implement matching pattern) so the decision sequence is stated rather than implied.

Dimension	Reasoning	Score
Conciseness	The body is almost entirely code and structured tables with no padded prose or explanation of concepts Claude already knows, but ~600 lines include some redundancy between the UserStore pattern and the ProductApiService server-state section (both demo signal + http + loading/error), which could be trimmed.	4 / 5
Actionability	Provides copy-paste-ready TypeScript with imports, full class/interface definitions, and component usage examples across the common cases (signal service, signal store, NgRx feature slice, ComponentStore, server state with optimistic updates, migration), matching the anchor-5 fully-executable example.	5 / 5
Workflow Clarity	The State Categories table plus the Selection Criteria block give a clear decision sequence (classify state → pick solution → apply pattern) and the Quick Start through Migration sections progress logically; no explicit validation checkpoints are present, but state-management setup is not a destructive/batch operation that triggers the cap.	4 / 5
Progressive Disclosure	Sections are clearly headed and well-organized, but no bundle files exist and all ~600 lines — including deep reference material like the four-block NgRx feature slice and migration examples — are inlined in SKILL.md with no one-level-deep references to split the bulk out.	3 / 5
	Total	16 / 20 Passed

Description

87%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A strong, well-scoped description that clearly states both capability and trigger conditions in concise third-person/imperative voice. Minor synonym coverage gaps keep trigger-term quality and specificity just below maximum.

Dimension	Reasoning	Score
Specificity	Names several concrete actions — "setting up global state, managing component stores, choosing between state solutions, or migrating from legacy patterns" — alongside the named technologies (Signals, NgRx, RxJS), but the actions are slightly more abstract than the anchor-5 verb list and omit items like debugging/server state that appear in the body.	4 / 5
Completeness	Explicitly answers both what ("Master modern Angular state management with Signals, NgRx, and RxJS") and when ("Use when setting up global state, managing component stores, choosing between state solutions, or migrating from legacy patterns") with concrete trigger phrases, matching the anchor-5 example.	5 / 5
Trigger Term Quality	Covers the natural terms a user would say — "Angular state management", "Signals", "NgRx", "RxJS", "global state", "component stores" — but misses common synonyms/variations such as "store", "RxJS observables", or "BehaviorSubject" that would push it to a 5.	4 / 5
Distinctiveness Conflict Risk	Scoped tightly to Angular state management with named frameworks, giving it a clear niche with minimal overlap risk; the body even redirects React needs to a separate skill, reinforcing distinctiveness.	5 / 5
	Total	18 / 20 Passed

Validation

87%

Warnings & errors only

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 14 / 16 Passed

Validation for skill structure

Criteria	Description	Result
skill_md_line_count	SKILL.md is long (636 lines); consider splitting into references/ and linking	Warning
frontmatter_unknown_keys	Unknown frontmatter key(s) found; consider removing or moving to metadata	Warning

	Total	14 / 16 Passed

Repository: administrakt0r/AI-Agents-Safe-Coding-Skills
Path: plugins/AI-Agents-Safe-Coding-Skills/skills/angular-state-management/SKILL.md
Commit: 900c504

Reviewed: 2 hours ago

Table of Contents

Discovery Implementation Validation

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.