CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

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.

Quality

71%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./skills/angular-state-management/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

61%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 well-structured, token-efficient overview that delegates detail cleanly to a single one-level reference with clear activation and limitation sections. The body itself carries little executable content or stepwise workflow — the Example is directive but code-free and validation is delegated to the reference — which is the main quality gap.

Suggestions

Add a minimal inline quick-start snippet (e.g. the private-writable/public-read-only signal service pattern from the guide) so the common case is actionable without loading the reference.

Include a short ordered workflow for typical engagements (e.g. classify state type → pick solution per the selection criteria → implement pattern → validate), with explicit checkpoints rather than deferring all validation language to the reference.

Split references/detailed-guide.md into topical files (signals.md, ngrx.md, migration.md) and list them by topic in the body, matching its own 'for focused work, load the relevant sections' guidance.

DimensionReasoningScore

Conciseness

The ~35-line body is lean with clear sections and no concept explanations Claude already knows; only minor instances could be trimmed, e.g. the intro sentence 'Comprehensive guide to modern Angular state management patterns...' duplicating the frontmatter description and the tautological bullet 'The task is unrelated to Angular state management'. This matches anchor 4 (efficient with minor trimmable instances) rather than the every-token-earns-its-place anchor 5.

4 / 5

Actionability

The Example section gives concrete but code-free directives ('use a private writable signal and a public read-only signal', 'keep authorization on the server and test two overlapping updates before adding optimistic rollback'), while all executable code and commands are deferred to references/detailed-guide.md. That is some concrete guidance missing key executable details — anchor 3 — not 4 (no inline executable example) and not 2 (the directives are specific and testable, not vague).

3 / 5

Workflow Clarity

The only sequence in the body is 'Read [the detailed guide](references/detailed-guide.md) before executing this skill' with the instruction to 'Treat its safety, prerequisites, and validation requirements as mandatory' — checkpoints are signaled but deferred to the reference and implicit in the body. It matches anchor 3 (sequence present, checkpoints implicit/missing) rather than 4, though it is above anchor 2 because the read-first and focused-vs-complete loading guidance is coherent and unambiguous.

3 / 5

Progressive Disclosure

The bundle structure is sound: a single clearly signaled one-level-deep reference (references/detailed-guide.md, verified to exist, well-sectioned, with no nested file references) plus a well-organized overview body with When to Use / Do Not Use / Limitations / Example sections. It falls short of anchor 5 because all detailed material sits in one ~640-line guide that could be split by topic (Signals, NgRx, migration) for genuinely focused loading; it is above anchor 3 because nothing that belongs in a separate file is inlined and the reference is clearly signaled.

4 / 5

Total

14

/

20

Passed

Description

70%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 solid description with an explicit, well-phrased 'Use when' clause and good natural trigger coverage anchored to named technologies. Its main weakness is the 'what' portion: 'Master modern Angular state management' is a vague capability verb, and the concrete tasks live only in the trigger clause.

Suggestions

Replace the generic verb 'Master' with concrete capability statements, e.g. 'Set up Signal-based services and stores, configure NgRx global state, bridge RxJS and Signals, and migrate legacy BehaviorSubject patterns.'

Add missing natural trigger terms users would say, such as 'Akita', 'optimistic updates', ' BehaviorSubject', or 'signal store', to broaden trigger coverage.

DimensionReasoningScore

Specificity

The 'what' is a single generic verb ('Master modern Angular state management with Signals, NgRx, and RxJS') naming the domain and technologies but not specific actions; the concrete task contexts (setting up global state, managing component stores, choosing between solutions, migrating from legacy patterns) appear only in the when-clause. It fits anchor 3 — domain plus some concrete actions but not a comprehensive list of capabilities — rather than 4, whose 'what' lists several specific actions.

3 / 5

Completeness

Both what and when are explicit: 'Master modern Angular state management with Signals, NgRx, and RxJS' plus a concrete 'Use when' clause with four trigger scenarios. The 'what' relies on a generic verb rather than concrete capability statements, so it lands on anchor 4 ('when' or 'what' could be more specific) instead of 5.

4 / 5

Trigger Term Quality

Natural multi-word phrases Angular developers would say are present: 'Signals', 'NgRx', 'RxJS', 'setting up global state', 'component stores', 'migrating from legacy patterns'. Coverage is good but misses common variations such as 'Akita', 'optimistic updates', or 'BehaviorSubject', so it matches anchor 4 rather than 5, and is well above anchor 3's partial coverage.

4 / 5

Distinctiveness Conflict Risk

Naming Angular, Signals, NgRx, and RxJS carves out a clear niche with low conflict risk, but the generic trigger 'choosing between state solutions' is framework-agnostic and RxJS mentions could overlap a general RxJS skill. That minor overlap risk matches anchor 4 rather than the minimal-conflict anchor 5.

4 / 5

Total

15

/

20

Passed

Validation

93%

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

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

15

/

16

Passed

Repository

sickn33/agentic-awesome-skills

Path

skills/angular-state-management/SKILL.md

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.