CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

angular

Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns.

1.32x
Quality

61%

Does it follow best practices?

Impact

94%

1.32x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./plugins/AI-Agents-Safe-Coding-Skills/skills/angular/SKILL.md

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

SKILL.md
Quality
Evals
Security

Quality

Content

50%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.

The body is a well-organized, code-rich reference with mostly executable examples across all major modern-Angular topics, but it functions as an inline textbook that duplicates knowledge Claude already has and ignores progressive disclosure by keeping everything in one large file. The workflow is a thin four-step list whose validation step lacks any checkpoint or error-recovery detail.

Suggestions

Cut explanations of concepts Claude already knows (what Signals are, how inject() replaces constructor injection, standard reactive forms) and keep only version-specific or non-obvious guidance, moving dated material like the version timeline into a clearly-labeled reference file.

Strengthen the Instructions sequence with explicit validation checkpoints and a feedback loop, e.g. "Run `ng build && ng test`; if either fails, fix and re-run before proceeding" instead of the single "Validate with build and tests" step.

Split the deep-dive sections (Signals, SSR/hydration, testing, performance) into files under references/ with one-level-deep links from a lean SKILL.md overview, keeping only quick-start guidance inline.

Complete the partial code fragments — replace `{ ... }` placeholder components and add missing imports/types (HeaderDirective, ItemComponent, Product, toSignal, ActivatedRoute) so every example is copy-paste runnable.

DimensionReasoningScore

Conciseness

The ~800-line body extensively documents patterns Claude already knows ("Signals are Angular's fine-grained reactivity system, replacing zone.js-based change detection", basic inject() usage, CommonModule imports, standard reactive forms), plus a version/date timeline table that the guidelines say should penalize conciseness. This is noticeably verbose with several unnecessary explanations (anchor 2) rather than severely padded prose throughout (anchor 1).

2 / 5

Actionability

Most code examples are concrete and executable (full component definitions, "bootstrapApplication(AppComponent, { providers: [provideZonelessChangeDetection()] })", "ng add @angular/ssr", working TestBed specs). Minor gaps keep it at anchor 4 rather than 5: fragments with "..." placeholders (@Component({...}), TooltipDirective { ... }) and snippets referencing undefined symbols (HeaderDirective, ItemComponent, Product, unimported toSignal/ActivatedRoute).

4 / 5

Workflow Clarity

The Instructions section lists a rough four-step sequence ("1. Assess the Angular version and project structure ... 4. Validate with build and tests") but validation is a single vague step with no checkpoints, error-recovery guidance, or feedback loop. This matches anchor 3 — sequence present, checkpoints missing or implicit — rather than 4, which requires most checkpoints explicitly.

3 / 5

Progressive Disclosure

No bundle files exist, so ~800 lines of reference material (a full pattern catalog covering 11 topic areas) sit inline in SKILL.md. Numbered section headers and tables give reasonable in-file navigation, placing this above anchor 2, but content that clearly belongs in separate reference files is inlined, matching anchor 3 rather than 4.

3 / 5

Total

12

/

20

Passed

Description

56%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.

The description identifies a clear, distinctive niche (modern Angular with named topical areas) but is written as an identity statement rather than a capability list, with no concrete actions and no "Use when..." trigger clause. Trigger terms are good but lack synonyms and version-specific variations users might say.

Suggestions

Replace the identity phrasing with concrete third-person actions, e.g. "Builds, migrates, and optimizes Angular (v20+) applications using Signals, Standalone Components, Zoneless change detection, SSR/hydration, and modern DI patterns."

Append an explicit trigger clause: "Use when building or upgrading Angular 20+ apps, migrating from NgModules, adopting Signals or zoneless change detection, or configuring SSR and hydration."

Add natural trigger variations users would actually say — "Angular 20", "zoneless", "change detection", "NgModule migration", "hydration" — to broaden keyword coverage.

DimensionReasoningScore

Specificity

Phrases like "expert with deep knowledge of Signals, Standalone Components, Zoneless applications" name concrete domain topics but list zero concrete actions — it describes an identity rather than capabilities. It matches the anchor "names the domain but actions are minimal or generic"; it is not 3 because no action verbs (build, migrate, implement, optimize) appear anywhere, and "deep knowledge" is a claim, not a capability.

2 / 5

Completeness

The "what" is only weakly stated (expertise over listed topics rather than what the skill does), and there is no "Use when..." clause or equivalent trigger guidance, which caps completeness at 3 per the judging guidelines. Not 2 because the domain focus (modern Angular v20+) is clearly identified rather than vague.

3 / 5

Trigger Term Quality

"Signals", "Standalone Components", "SSR/Hydration", "reactive patterns", and "Angular" are natural terms users would say when needing this skill. Good keyword coverage matching anchor 4, but not 5 because common variations and synonyms are missing ("Angular 20", "change detection", "NgModules migration", "RxJS").

4 / 5

Distinctiveness Conflict Risk

"Modern Angular (v20+)" carves a clear niche distinct from AngularJS-migration and generic TypeScript skills. It sits at anchor 4 rather than 5 because the trailing "reactive patterns" is broad and creates overlap risk with general RxJS/reactive-programming skills.

4 / 5

Total

13

/

20

Passed

Validation

87%

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

CriteriaDescriptionResult

skill_md_line_count

SKILL.md is long (819 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/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.