CtrlK
BlogDocsLog inGet started
Tessl Logo

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.

83

1.50x

Quality

77%

Does it follow best practices?

Impact

99%

1.50x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./skills/antigravity-angular-state-management/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Discovery

89%

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

This is a solid skill description with excellent completeness and distinctiveness. The explicit 'Use when' clause covers multiple relevant scenarios, and the Angular-specific terminology creates clear differentiation. The main weakness is the vague 'Master' verb which doesn't convey specific concrete actions Claude can perform.

Suggestions

Replace 'Master' with specific action verbs like 'Configure NgRx stores, implement Signals for reactive state, create RxJS-based effects' to improve specificity.

DimensionReasoningScore

Specificity

Names the domain (Angular state management) and mentions specific technologies (Signals, NgRx, RxJS), but uses vague action verb 'Master' rather than listing concrete actions like 'configure stores', 'implement selectors', or 'create effects'.

2 / 3

Completeness

Clearly answers both what (Angular state management with Signals, NgRx, RxJS) and when (explicit 'Use when' clause covering setup, management, choosing solutions, and migration scenarios).

3 / 3

Trigger Term Quality

Good coverage of natural terms users would say: 'global state', 'component stores', 'state solutions', 'migrating', 'legacy patterns', plus technology names 'Signals', 'NgRx', 'RxJS' that developers would naturally mention.

3 / 3

Distinctiveness Conflict Risk

Clear niche targeting Angular-specific state management with distinct triggers (Signals, NgRx, RxJS, component stores). Unlikely to conflict with generic JavaScript or React state management skills.

3 / 3

Total

11

/

12

Passed

Implementation

64%

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

This is a comprehensive Angular state management skill with excellent actionable code examples covering Signals, NgRx, and RxJS patterns. The main weaknesses are verbosity (explaining concepts Claude knows, lengthy inline content) and missing explicit validation/debugging workflows for state management operations. The content would benefit from splitting detailed patterns into separate files and adding troubleshooting guidance.

Suggestions

Remove or condense the 'When to Use This Skill' and 'Core Concepts' sections - Claude understands state management categories; focus on Angular-specific implementation details

Add a 'Debugging State Issues' section with explicit validation steps (e.g., using Redux DevTools, checking signal updates, verifying effect execution)

Split detailed NgRx and ComponentStore patterns into separate reference files (e.g., NGRX.md, COMPONENT-STORE.md) and keep SKILL.md as a concise overview with quick-start examples

Add error handling validation checkpoints in the async patterns - show how to verify state consistency after optimistic updates fail

DimensionReasoningScore

Conciseness

The content is comprehensive but includes some unnecessary verbosity, such as the 'When to Use This Skill' and 'Do Not Use This Skill' sections that duplicate frontmatter intent, and the 'Core Concepts' table explaining state categories Claude already understands. The code examples are efficient, but the overall document could be tightened.

2 / 3

Actionability

Excellent executable code examples throughout - all patterns include complete, copy-paste ready TypeScript with proper imports, decorators, and usage examples. The Signal services, NgRx setup, and migration examples are fully actionable.

3 / 3

Workflow Clarity

While the document provides clear patterns and code, it lacks explicit validation checkpoints or feedback loops for state management operations. The migration section shows before/after but doesn't include verification steps. For a skill covering complex state management, explicit debugging/validation workflows would strengthen this.

2 / 3

Progressive Disclosure

The document is well-structured with clear sections, but it's quite long (~400 lines) with all content inline. The 'Resources' section links to external docs, but detailed patterns like NgRx effects or ComponentStore could be split into separate reference files with the main skill providing a concise overview.

2 / 3

Total

9

/

12

Passed

Validation

81%

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

Validation9 / 11 Passed

Validation for skill structure

CriteriaDescriptionResult

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

9

/

11

Passed

Repository
boisenoise/skills-collections
Reviewed

Table of Contents

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.